/*
Theme Name: HTML5 CSS3
Theme URI: 
Description: A HTML5 default theme for WordPress.
Author: Teruhisa Osawa
Version: 1.0
Tags: html5: 1 column
*/

/*--------------------------------------------------------------------
HTML5
--------------------------------------------------------------------*/

article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}

/*--------------------------------------------------------------------
Base
--------------------------------------------------------------------*/
* {
margin: 0;
padding: 0;
}
html,body {
width:100%;
height:100%;
background:#fff;
background-color:#ffffff;
/*background:#fffcb3;*/
}

body {
width: 100%;
height: 100%;
font-size: 14px;
line-height: 180%;
font-weight: normal;
text-align:center;
color:#666;
/*background:#fffcb3;*/
background:#fff;
font-family: serif;
}
input, textarea{}
/* for IE6 */
* html body{}
* html input, * html textarea{}
/* for IE7*/
*:first-child + html body {}
*:first-child + html input, *:first-child + html textarea{}

h1,h2,h3,h4,h5,h6,h7,li,dt,dd,th,td{text-align:left;}
li{list-style:none;padding:0px;margin:0px;}
br{letter-spacing:normal;}
p{
line-height:160%;
padding:5px 0px 10px 0px;
text-align:left;
}
strong{font-weight:bold;}
img,fieldset{border:0;}
img{border:none;padding:0;margin:0;}
.imglt{float:left;padding:0 15px 10px 0;}
.imggt{float:right;padding:0 0 10px 15px;}
.lt{float:left;}
.gt{float:right;}
.ctr{text-align:center;}
/*.small{font-size:88%;}*/
.sml{font-size:88%;}
.stxt{font-size:88%;}
.middle{font-size:120%;}
.bold{font-weight:bold;}
.big{font-size:160%;}
.red{color:#d2005e;}
.red2{color:#d2005e;padding:20px 0;text-align:center;font-weight:bold;}
a{text-decoration:underline;color:#e67800;font-family:serif;}
a:hover{text-decoration:none;}
table{border-spacing:0;border-collapse:collapse;}
a img{
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
a img:hover {
opacity: 0.5;
}

ul.normal{clear:both;padding:0 0 0 25px;}
ul.normal li{list-style:circle;padding:0 0 10px 0;}

#bg{
width:100%;
height:auto;
background:#fff;
/*background:url("http://rhyg.jp/school/wp-content/uploads/2013/08/bg3.png") repeat-x top;*/
}

.hd2{padding-top:10px;}
.page .hd2{padding-top:0;}
#wrapper{
padding:20px 0 0 0;
background:#fff;
}

.pc{display:block;}
.sp{display:none;}

/*--------------------------------------------------------------------
HEADER
--------------------------------------------------------------------*/
header{
background:#fff;
}
#header{
width:980px;
margin:0 auto;
}
#header-one #header{
width:980px;
/*height:120px;*/
margin:0 auto;
}

#header #head{
height:50px;
background:#585a6b;
background:url("http://rhyg.jp/school/common/img/all/hd_bg.jpg") no-repeat;
}
#header #logo{
width:365px;
height:25px;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/06/logo.png") no-repeat;
position:relative;
top:10px;
left:32px;
float:left;
}
#header #logo a{
color:#333;
font-size:12px;
font-weight:normal;
}
#header #head-contact{
float:right;
padding:0 25px 0 0;
}
#header #head-contact li{
color:#333;
font-family:"Century Gothic";
line-height:180%;
  display:inline;
}
#header #head-contact #phone{
font-size:24px;
padding:0 0 0 26px;
background:url("http://rhyg.jp/school/common/img/all/icon_phone.png") no-repeat left;
}
#header #head-contact #phone a{
color:#333;
text-decoration:none;
cursor:default;
}
#header #head-contact #email{
font-size:16px;
padding:0 0 0 26px;
background:url("http://rhyg.jp/school/common/img/all/icon_mail.png") no-repeat left;
}
#header #head-contact #email a{
color:#333;
text-decoration:none;
}

#header #logo a{
display:block;
width:340px;
height:0;
padding:50px 0 0 0;
overflow:hidden;
}



#header-one #header2{
border-bottom:1px solid #ddd;
}

/* header2nd */
/*
#header2{
width:980px;
margin:0 auto;
position:relative;
top:-20px;
z-index:1000;
margin-bottom:-20px;
padding:0;
}
.page #header2{
top:0;
margin:0 auto;
}
#header2-one #header2{
width:980px;
height:80px;
margin:0 auto;
}

#header2 #head{
height:50px;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/11/hd_bg1.png") no-repeat;
}
#header2 #logo{
width:365px;
height:25px;
background:url("http://rhyg.jp/school/wp-content/uploads/2015/07/logo.png") no-repeat;
position:relative;
top:10px;
left:32px;
float:left;
}
#header2 #logo a{
color:#58596b;
font-size:12px;
font-weight:normal;
}
#header2 #head-contact{
float:right;
padding:2px 25px 0 0;
}
#header2 #head-contact li{
float:left;
color:#fff;
font-family:"Century Gothic";
line-height:180%;
}
#header2 #head-contact #phone{
font-size:24px;
padding:0 0 0 26px;
background:url("http://rhyg.jp/school/common/img/all/icon_phone.png") no-repeat left top;
line-height:1;
}
#header2 #head-contact #phone a{
color:#fff;
text-decoration:none;
cursor:default;
}
#header2 #head-contact #email{
font-size:16px;
padding:0 0 0 26px;
margin:10px 0 0 10px;
background:url("http://rhyg.jp/school/common/img/all/icon_mail.png") no-repeat left;
}
#header2 #head-contact #email a{
color:#fff;
text-decoration:none;
}

#header2 #logo a{
display:block;
width:340px;
height:0;
padding:50px 0 0 0;
overflow:hidden;
}
*/

/* header4th */
#header2{
width:980px;
margin:0 auto;
position:relative;
z-index:1000;
padding:0;
}
.page #header2{
top:0;
margin:0 auto;
}
#header2-one #header2{
width:980px;
height:80px;
margin:0 auto;
}

#header2 #head{
height:50px;
}
#header2 #logo{
padding:10px 0 0 0;
float:left;
}
#header2 #logo a{
color:#333;
font-size:21px;
letter-spacing:1px;
font-weight:bold;
text-decoration:none;
font-family:serif;
}
#header2 #head-contact{
float:right;
padding:2px 25px 0 0;
}
#header2 #head-contact li{
float:left;
font-family:"Times New Roman",serif;
line-height:180%;
}
#header2 #head-contact #phone{
font-size:24px;
padding:0 0 0 26px;
background:url("http://rhyg.jp/school/common/img/all/top-phone.png") no-repeat left 5px;
line-height:1.2;
}
#header2 #head-contact #phone a{
color:#333;
text-decoration:none;
cursor:default;
}
#header2 #head-contact #phone span.small{
font-size:11px;
display:block;
}
#header2 #head-contact #email{
font-size:24px;
padding:0 0 0 26px;
margin:0 0 0 20px;
line-height:1.2;
background:url("http://rhyg.jp/school/common/img/all/top-email.png") no-repeat left;
}
#header2 #head-contact #email a{
color:#333;
text-decoration:none;
}



/* header3rd */
#header3{
width:980px;
/*height:135px;*/
margin:0 auto;
position:relative;
top:-21px;
z-index:1000;
margin-bottom:-10px;
padding:0;
}
#header3-one #header3{
width:980px;
height:80px;
margin:0 auto;
}
.single #header3{
position:static;
top:0;
margin-bottom:0;
}

#header3 #head{
height:45px;
background:#fff;
  position:relative;
  top:-45px;
  background:url("http://rhyg.jp/school/wp-content/uploads/2015/05/bgt.png");
}
#header3 #logo{
width:365px;
height:30px;
background:url("http://rhyg.jp/school/wp-content/uploads/2015/05/logo4.png") no-repeat;
position:relative;
top:12px;
left:10px;
float:left;
}
#header3 #logo a{
color:#58596b;
font-size:12px;
font-weight:normal;
}
#header3 #head-contact{
float:right;
padding:10px 25px 0 0;
}
#header3 #head-contact li{
color:#fff;
line-height:180%;
text-align:right;
  display:inline;
}
#header3 #head-contact #phone{
padding:0 0 0 26px;
}
#header3 #head-contact #phone a{
color:#fff;
text-decoration:none;
cursor:default;
}
#header3 #head-contact #phone a:hover img,
#header3 #head-contact #phone a:hover{
opacity:1;
}
#header3 #head-contact #email{
padding:0 0 0 26px;
}
#header3 #head-contact #email a{
color:#fff;
text-decoration:none;
}

#header3 #logo a{
display:block;
width:340px;
height:0;
padding:50px 0 0 0;
overflow:hidden;
}

.single #header3 #head{
position:static;
top:0;
}


#spmnbtn{display:none;}
/*--------------------------------------------------------------------
NAVIGATION
--------------------------------------------------------------------*/
/*
#navigation2{
clear:both;
width:980px;
height:50px;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/08/nav_bg.png");
box-shadow:0 3px 3px rgba(0,0,0,0.2);
z-index:100;
position:relative;
}
.page #navigation2{top:0;margin-bottom:5px;}
.page #header3,
.page #header3 #head{top:0;}
#navigation2 li{
float:left;
height:50px;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/08/nav_bg.png");
}
#navigation2 li a{
display:block;
height:50px;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/08/nav2.png");
height:0;
padding:50px 0 0 0;
overflow:hidden;
}
#navigation2 #n1{width:90px;}
#navigation2 #n2{width:121px;}
#navigation2 #n3{width:123px;}
#navigation2 #n4{width:152px;}
#navigation2 #n5{width:152px;}
#navigation2 #n0{width:210px;}

#navigation2 #n1 a{width:90px;background-position:0 0;}
#navigation2 #n2 a{width:121px;background-position:-90px 0;}
#navigation2 #n3 a{width:123px;background-position:-211px 0;}
#navigation2 #n4 a{width:152px;background-position:-334px 0;}
#navigation2 #n5 a{width:152px;background-position:-485px 0;}

#navigation2 #n0{float:right;width:210px;height:50px;}
#navigation2 #n0 a{width:210px;background-position:210px 0;}

#navigation2 #n1 a:hover{background-position:0 50px;}
#navigation2 #n2 a:hover{background-position:-90px 50px;}
#navigation2 #n3 a:hover{background-position:-211px 50px;}
#navigation2 #n4 a:hover{background-position:-334px 50px;}
#navigation2 #n5 a:hover{background-position:-485px 50px;}
#navigation2 #n0 a:hover{background-position:210px 50px;}
*/

/*navigation3*/
#navigation2{
clear:both;
width:980px;
z-index:100;
}
#navigation2 li{
float:left;
width:179px;
border-right:1px solid #EFECC7;
}
#navigation2 li a{
display:block;
text-align:center;
background:#fffce4;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfbf4+0,fff9db+99 */
background: #fcfbf4; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfbf4 0%, #fff9db 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fcfbf4 0%,#fff9db 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fcfbf4 0%,#fff9db 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbf4', endColorstr='#fff9db',GradientType=0 ); /* IE6-9 */
padding:7px 0;
text-decoration:none;
color:#333;
}
#navigation2 li a:hover{
background:#fff9db;
}
#navigation2 li:first-child{
width:74px;
border-left:1px solid #EFECC7;
}
#navigation2 li:last-child a{
background:#ffe1c9;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcf1ea+1,fcddc9+100 */
background: #fcf1ea; /* Old browsers */
background: -moz-linear-gradient(top,  #fcf1ea 1%, #fcddc9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fcf1ea 1%,#fcddc9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fcf1ea 1%,#fcddc9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf1ea', endColorstr='#fcddc9',GradientType=0 ); /* IE6-9 */
}
#navigation2 li:last-child a:hover{
background:#fcddc9;
}


/*--------------------------------------------------------------------
EYECATCH
--------------------------------------------------------------------*/
#catch{
width:978px;
height:180px;
border:1px solid #eee;
box-shadow:0 3px 3px rgba(0,0,0,0.2);
line-height:100%;
margin-bottom:20px;
}
#catch img{
width:980px;
height:180px;
}


#catch2{
width:980px;
height:180px;
margin:0 auto;
/*border:1px solid #eee;
box-shadow:0 3px 3px rgba(0,0,0,0.2);*/
line-height:100%;
}
#catch img{
width:980px;
height:180px;
}
#catch2 img{
border-radius:5px;
}

.responsive-slider,.flexslide{
padding:0;
margin:0;
}
.flex-control-nav{
display:none;
}

/*--------------------------------------------------------------------
CONTENTS
--------------------------------------------------------------------*/
#contents-wrap{
width:100%;
padding:20px 0;
background:#fff;
position:relative;
}
#contents{
width:980px;
background:#fff;
margin:0 auto;
}




#main{
clear:both;
/*width:640px;*/
width:620px;
margin-right:20px;
float:left;
}

.box1{
background:#fff;
/*padding:9px;
border:1px solid #eee;
box-shadow:0 3px 3px rgba(0,0,0,0.2);*/
line-height:100%;
margin:0 0 25px 0;
}

.box1_in{
/*padding:10px;*/
}
.box1_in2{
padding:10px 0;
}
.box1_in div{
text-align:left;
line-height:135%;
}
.box1_in div.gotop{
text-align:right;
}
.box1 .list-topicon{padding:10px 0 0 0;}
.box1 .list-topicon li{
width:185px;
float:left;
padding:3px;
margin:5px 10px 5px 0px;
border:1px solid #ddd;
/*height:320px;*/
}
.box1 .list-topicon li p{
padding:5px 8px;
line-height:180%;
}
.box1 .list-topicon .lst2{
width:388px;
}

.box1 .list-keyword{
padding:10px 0 0 0;
background:no-repeat;
}
.box1 .list-keyword li{
float:left;
margin:5px 10px 5px 0px;
}

.box1 .list-keyword li a{
padding:10px;
width:120px;
height:100px;
text-align:center;
color:#333;
text-decoration:none;
display:block;
border:1px solid #e1e0cd;
}
.box1 .list-keyword li a:hover{
-moz-opacity:0.6;
opacity:0.6;
}

.list-keyword2{
margin-left:20px;
padding:10px 20px;
}
.list-keyword2 li{
list-style:decimal;
font-size:21px;
font-family:"Time New Roman","Century",serif;
font-weight:bold;
padding:0 0 15px 0;
color:#999;
}
.list-keyword2 li a{
font-size:16px;
text-decoration:none;
color:#f3a730;
}

.list-keyword2 li span{
font-size:14px;
font-weight:normal;
padding-left:15px;
color:#999;
}


.box1 .list-left li{
float:left;
padding:0 10px 10px 0;
line-height:100%;
}


#ai1 a{background:url("http://rhyg.jp/school/common/img/all/icon_family.png") no-repeat bottom;}
#ai2 a{background:url("http://rhyg.jp/school/common/img/all/icon_instructor.png") no-repeat bottom;}
#ai3 a{background:url("http://rhyg.jp/school/common/img/all/icon_ok.png") no-repeat bottom;}
#ai4 a{background:url("http://rhyg.jp/school/common/img/all/icon_melody.png") no-repeat bottom;}
#ai5 a{background:url("http://rhyg.jp/school/common/img/all/icon_open.png") no-repeat bottom;}
#ai6 a{background:url("http://rhyg.jp/school/common/img/all/icon_calendar.png") no-repeat bottom;}
#ai7 a{background:url("http://rhyg.jp/school/common/img/all/icon_concert.png") no-repeat bottom;}
#ai8 a{background:url("http://rhyg.jp/school/common/img/all/icon_free.png") no-repeat bottom;}



.box1 h1{
/*background:#606274;*/
  background:#69AFBB;
color:#fff;
font-size:16px;
font-weight:bold;
padding:15px;
line-height:100%;
border-radius:5px;
}
.box1 .h1{
color:#666;
background:#fff;
font-size:14px;
font-weight:normal;
padding:0;
}
.box1 h2{
/*background:#9597a3;*/
/*background:#AAD1D8;*/
background:#FFFBDC;
color:#333;
font-size:16px;
font-family:serif;
font-weight:bold;
padding:10px 15px;
line-height:135%;
margin:0 0 10px 0;
border-bottom: 1px solid #E4E3C9;
}
.box1 .h2{
background:none;
padding:0;
margin:20px 0 10px 0;
}

/*
.box1 h2.h2top{
background:url("http://rhyg.jp/school/common/img/all/icon_side.png") no-repeat left;
padding:0 0 0 18px;
font-size:14px;
border-bottom:1px solid #eee;
color:#666;
line-height:180%;
}
*/
.box1 h2.h2top{
font-size:16px;
background:none;
border-bottom:1px solid #eee;
color:#333;
font-family:serif;
line-height:180%;
padding:0 0 5px 0;
font-weight:bold;
}
.box1 h3{
color:#706d7a;
font-size:14px;
line-height:140%;
padding:15px 0 8px 0;
margin:0 0 10px 0;
background:url("http://rhyg.jp/school/common/img/all/h3_bg.png") no-repeat left bottom;
}
.box1_in h3{
clear:both;
}
.box1 .submenu{
background:#B7B095;
padding:3px 10px;
min-height:20px;
margin:0 0 10px 0;
}

.box1 .submenu li{
float:left;
white-space:nowrap;
background:url("http://rhyg.jp/school/common/img/all/icon_note.png") no-repeat left;
}
.box1 .submenu li a{
padding:3px 20px 3px 18px;
display:block;
color:#fff;
text-decoration:none;
}
.box1 .submenu li a:hover{
text-decoration:underline;
}

.box1 #lessonsupport li{
line-height:180%;
}
.box1 #lessonsupport a{
font-size:135%;
}
#why{
padding:15px 10px;
}
.list-check{
clear:both;
}
.list-check li{
background:url("http://rhyg.jp/school/common/img/all/icon_check.png") no-repeat 0 7px;
line-height:200%;
padding:0 0 0 20px;
}
.list-check2 li{
font-size:12px;
background:url("http://rhyg.jp/school/common/img/all/icon_check.png") no-repeat 0 7px;
line-height:200%;
padding:0 0 0 20px;
}
.list-clock li{
background:url("http://rhyg.jp/school/common/img/all/icon_clock.png") no-repeat 0 7px;
line-height:200%;
float:left;
font-size:14px;
padding:0 20px;
}
.list-movie li{
background:url("http://rhyg.jp/school/common/img/all/icon_movie.png") no-repeat 0 5px;
line-height:200%;
padding:0 0 0 20px;
}
.list-music li{
background:url("http://rhyg.jp/school/common/img/all/icon_music.png") no-repeat 0 7px;
line-height:200%;
float:left;
font-size:14px;
padding:0 20px;
}
.list-num{
padding:0 0 0 20px;
}
.list-num li{
list-style-type: decimal;
line-height:200%;
}
.list-circle{
padding:0 0 10px 20px;
}
.list-circle li{
list-style-type: circle;
line-height:200%;
}
.e-select{
text-align:left;
padding:15px 0;
font-size:14px;
}
.e-select select{
padding:3px;
}

.list-icon{
padding:10px 0;
}
.list-icon li{
padding:5px 10px;
float:left;
background:#fdefed;
border-radius:5px;
margin:0px 10px 10px 0;
font-weight:bold;
border:1px solid #f1c2ba;
}


.price{
width:100%;
margin:10px 0;
border-top:1px solid #ddd;
border-right:1px solid #ddd;
}
.price th{
color:#333;
padding:10px;
line-height:160%;
text-align:center;
font-weight:normal;
background:#eee;
white-space:nowrap;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.price td{
color:#333;
padding:10px;
border-left:1px solid #ddd;
border-bottom:1px solid #ddd;
line-height:160%;
}
.price .hl{
/*background:#f8ffa9;*/
}
.bg-graywhite{
background:#f7f7f7;
}
.bg-graywhite td{
text-align:center;
}


.amap1{width:80px;}
.amap2{width:80px;}
.amap3{width:40px;}
.amap4{width:100px;}
.amap5{width:200px;}


/* tabmenu top */

#newscontent{clear:both;padding:5px 0 20px 0;text-align:left;}

#newscontent ul{
padding:0 5px;
}
#newscontent ul li{
color:#999;
font-size:14px;
padding:0 0 15px 0;
}
#newscontent ul li a{
color:#666;
}
#newscontent #newsnavi{
_height:30px;
border-bottom:1px solid #eee;
}
#newscontent #newsnavi li{
display:inline;
float:left;
padding:0;
}
#newscontent #newsnavi li{
display:inline-block;
background:#666;
color:#fff;
border-radius:0 5px 0 0;
text-decoration:none;
margin:0 2px 0 0;
font-size:16px;
padding:8px 15px;
width:80px;
font-family:"Century Gothic";
text-align:center;
}
#newscontent #newsnavi li a.selected{background:#343648;}
#newscontent div{
padding:10px 0 0 0;
}
#newscontent #news01-tab{
clear:both;
}

#newscontent2{clear:both;padding:5px 0 0 0;text-align:left;}

#newscontent2 ul{
padding:0 5px;
}
#newscontent2 ul li{
color:#999;
font-size:14px;
padding:0 0 15px 0;
}
#newscontent2 ul li a{
color:#666;
}
#newscontent2 #newsnavi2{
border-bottom:1px solid #eee;
}
#newscontent2 #newsnavi2 li{
display:inline;
float:left;
padding:0;
}

#newscontent2 #newsnavi2 li a:hover,
#newscontent2 #newsnavi2 li a.active{background:#343648;}
#newscontent2 #newsnavi2 li a.selected{
background:#343648;
}
#newscontent2 div{
padding:10px 0 0 0;
}
#newscontent2 #newsnavi2 #news02{background:#ef4560;}
#newsconten2t #newsnavi2 #news02 a.selected{background:#e70125;}
#news01-tab{padding:10px;border-bottom:1px dotted #ddd;}
#news01-tab ul{padding-left:30px;}
#news01-tab ul li{list-style:circle;}
#news02-tab{padding:10px;background:#ffffee;border-bottom:1px dotted #ddd;}
#news02-tab ul{padding-left:30px;}
#news02-tab ul li{list-style:circle;}
#newscontent2 #newsnavi2 li{
display:inline-block;
background:#91939f;
color:#fff;
border-radius:0 5px 0 0;
text-decoration:none;
margin:0 2px 0 0;
font-size:16px;
padding:8px 15px;
width:80px;
font-family:"Century Gothic";
text-align:center;
}
.gotop{
clear:both;
text-align:right;
padding:15px 0 0 0;
}


#map100{
width:100%;
height:auto;
}
.photos li{
float:left;
padding:5px 15px 15px 5px;
}
.lt_school{
float:left;
width:200px;
height:120px;
padding:5px 0 20px 0;
text-align:left;
}
.tbl_v{
width:100%;
line-height:180%;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.tbl_v th{
background:#eee;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
padding:5px 10px;
white-space:nowrap;
}
.tbl_v td{
border-left:1px solid #ddd;
border-top:1px solid #ddd;
padding:5px 10px;
line-height:160%;
}
.tbl_h{
width:100%;
line-height:180%;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.tbl_h th{
padding:5px;
text-align:center;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
background:#eee;
white-space:nowrap;
}
.tbl_h td{
padding:5px;
text-align:center;
border-left:1px solid #ddd;
border-top:1px solid #ddd;
line-height:160%;
}
.map{
padding:15px 0;
}
.links{
padding:15px;
}

.links li{
line-height:180%;
}
.links li a{
background:url("http://rhyg.jp/school/common/img/all/arrow2.png") no-repeat left;
padding:0 0 0 16px;
}

.links2{padding:5px;}
.links2 li{line-height:180%;}
.links2 li a{background:url("http://rhyg.jp/school/common/img/all/arrow2.png") no-repeat left;padding:0 0 0 16px;}


.ileft{clear:left;}
.ileft img{
float:left;
padding:0 30px 10px 0;
}
.ileft strong{
color:#333;
}
.ileft p{
padding:5px 0 0 0;
}

.box_free{
}
.box_free h3{
color:#d2005e;
}

.big_button{
clear:both;
padding:20px 0 0 0;
}
.big_button a{
display:block;
background:url("http://rhyg.jp/school/common/img/all/btn_bg.png") no-repeat;
padding:20px 0 10px 0;
width:100%;
height:22px;
text-align:center;
font-size:16px;
font-weight:bold;
color:#fff;
text-decoration:none;
}
.big_button a:hover{
opacity: 0.7;
}

.contact_box{
clear:both;
padding:5px 0 20px 0;
}
.contact_box h4{
color:#333;
font-size:14px;
padding:15px 0 5px 10px;
}

.course_box{
clear:both;
padding:5px 0 20px 0;
}
.course_box h4{
color:#333;
font-size:14px;
padding:15px 0 5px 10px;
}

.aform{
width:100%;
border-top:1px solid #ddd;
}
.aform th{
background:#eee;
width:150px;
padding:10px;
border-bottom:1px solid #ddd;
}
.aform td{
padding:10px;
line-height:180%;
border-bottom:1px solid #ddd;
}
.aform .wpcf7-list-item{
display:block;
line-height:180%;
padding:0;
height:0;
height:20px;
}
.wpcf7-submit{
padding:10px 20px;
}
.slide-title{
display:none;
}
div.wpcf7{
padding-bottom:50px;
}


.aform2{
width:100%;
border-top:1px solid #e8e8db;
}
#main-one .aform2 th,
#main-one .aform2 td,
.aform2 th,
.aform2 td{
padding:0.7rem;
border-bottom:1px solid #e8e8db;
font-size:16px;
}
.aform2 th{
background:#f9f9ea;
white-space:nowrap;
}
.aform2 td{
line-height:180%;
}
.aform2 input,
.aform2 textarea{
font-size:16px;
border:1px solid #ddd;
}
#main-one h2.ttlh2{
padding:1rem;
text-align:center;
background:#6366ad;
}
.nav-single{
clear:both;
border-top:1px dotted #ccc;
padding:10px 0 5px 0;
line-height:180%;
}
.instructor{
}
.instructor td{
width:33%;
vertical-align:top;
line-height:160%;
padding:10px;
}
.instructor td img{
padding:0 0 5px 0;
}
h3.apost{clear:both;margin-left: 10px;}
h3.apost a{
color:#706d7a;
text-decoration:none;
}
.bxi{padding:0px 10px 10px 10px;}

.agree{
border-top:1px dotted #ccc;
border-bottom:1px dotted #ccc;
margin:5px 0;
}
.agree label{
display:block;
width:100%;
padding:10px 0;
}
.agree label:hover{
background:#ffffcc;
}

.video-container{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.ytbox1{
width:290px;
float:left;
padding:0 20px 10px 0;
}
.ytbox2{
width:290px;
float:left;
padding:0 0 10px 0;
}

.ytbox3{
width:305px;
float:left;
padding:0 10px 10px 0;
}
.ytbox4{
width:305px;
float:left;
padding:0 0 10px 0;
}

.free1{
/*
width:600px;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/08/copy4.png") no-repeat;
*/
height:auto;
}
.free1 p{
padding:10px 0 0 10px;
line-height:180%;
font-weight:bold;
}

.li-select{
padding:10px 0 0 0;
}
.li-select li{
/*
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
backgroud:#eee;
width:600px;
border:1px solid #ccc;*/
font-size:18px;
font-weight:bold;
padding:10px 10px 10px 25px;
}
.li-select-title{
font-size:16px;
font-weight:bold;
padding:20px 10px 5px 10px;
color:#333;
}
.li-select li a:hover{
background:#ffffcc;
}
.li-select li a{
display:block;
/*padding:10px 10px 10px 25px;*/
text-decoration:none;
font-weight:bold;
font-size:18px;
color:#666;
}
.li-select li span{
font-size:12px;
padding:0 10px 0 0;
}
.li-select li a:hover{
}

.li-select li ul{
margin-top:10px;
border-top:1px dotted #ccc;
}
.li-select li ul li{
padding:5px;
border-bottom:1px dotted #ccc;
line-height:120%;
}
.li-select li ul li a{
font-size:14px;
padding:5px 5px 5px 10px;
}

.li-select .osaka{
background:url("http://rhyg.jp/school/wp-content/uploads/2013/10/price-arrow_v2_1.png") no-repeat 0 8px;
/*
background:#ffe9af;
border:1px solid #c7b27a;
*/
}
.li-select .amagasaki{
background:url("http://rhyg.jp/school/wp-content/uploads/2013/10/price-arrow_v2_2.png") no-repeat 0 8px;
/*
background:#fde6e6;
border:1px solid #cda6a6;
*/
}
.li-select .rokko{
background:url("http://rhyg.jp/school/wp-content/uploads/2013/10/price-arrow_v2_3.png") no-repeat 0 8px;
/*
background:#d5e5f6;
border:1px solid #a3b0bf;
*/
}
.li-select .kotoen{
background:url("http://rhyg.jp/school/wp-content/uploads/2013/10/price-arrow_v2_4.png") no-repeat 0 8px;
/*
background:#d0f7c7;
border:1px solid #a9d79f;
*/
}
/*
.li-select .osaka a{color:#9f691d;}
.li-select .amagasaki a{color:#883131;}
.li-select .rokko a{color:#318388;}
.li-select .kotoen a{color:#31884f;}
*/
.li-select .osaka2{background:url("http://rhyg.jp/school/wp-content/uploads/2013/10/price-arrow_v2_1s.png") no-repeat 0 16px;
}
.li-select .amagasaki2{background:url("http://rhyg.jp/school/wp-content/uploads/2013/10/price-arrow_v2_2s.png") no-repeat 0 16px;
}
.li-select .rokko2{background:url("http://rhyg.jp/school/wp-content/uploads/2013/10/price-arrow_v2_3s.png") no-repeat 0 16px;
}
.li-select .kotoen2{background:url("http://rhyg.jp/school/wp-content/uploads/2013/10/price-arrow_v2_4s.png") no-repeat 0 16px;
}

#topngg .ngg-gallery-thumbnail img{
background:#ffffdd;
border:1px solid #ededed;
border-radius:5px;
padding:0;
}

/*--------------------------------------------------------------------
SIDEBAR
--------------------------------------------------------------------*/
#sidebar{
width:300px;
float:right;
z-index:10;
}

.sidebox1{
background:#fff;
padding:9px 0px 4px 0px;
/*padding:9px 9px 4px 9px;
border:1px solid #eee;
box-shadow:0 3px 3px rgba(0,0,0,0.2);*/
margin:0 0 20px 0;
}
/*
.sidebox1 h2{
background:url("http://rhyg.jp/school/common/img/all/icon_side.png") no-repeat left;
padding:0 0 0 18px;
font-size:14px;
border-bottom:1px solid #eee;
}
*/
.sidebox1 h2{
font-size:16px;
font-family:serif;
font-weight:bold;
color:#333;
border-bottom:1px solid #eee;
}
.sidebox1 #schools{
padding:10px 0 0 0;
}
.sidebox1 #schools li{
float:none;
/*padding:0 0 0 20px;
background:url("http://rhyg.jp/school/common/img/all/arrow1.png") no-repeat 5px 7px;*/
line-height:220%;
}
.sidebox1 #schools li a{
color:#696e82;
font-size:14px;
display:block;
text-decoration:none;
}
.sidebox1 #schools li img{
width:100%;
height:auto;
}
.sidebox1 #schools li a:hover{
/*
background:#ffffcc;
text-decoration:underline;
*/
}

.sidebox2{
background:#fff;
padding:9px;
border:1px solid #eee;
box-shadow:0 3px 3px rgba(0,0,0,0.2);
margin:0 0 20px 0;
line-height:100%;
}

.sidebox3{
background:#fff;
border:1px solid #eee;
box-shadow:0 3px 3px rgba(0,0,0,0.2);
margin:0 0 20px 0;
line-height:0;
padding:0;
}
/* tabmenu side */
#tabnavi{padding:10px 0 0 0;}
#tabnavi li{display:inline;float:left;}
#tabnavi li a{
display:inline-block;
background:#EFEFEF;
color:#91939f;
padding:3px 5px;
text-decoration:none;
margin:0 2px 0 0;
border:1px solid #e3e4e9;
border-bottom:0px;
letter-spacing:-1px;
z-index:10;
position:relative;
}
#tabnavi li a:hover,#tabnavi li a.active{
background:#fff;
color:#606274;
border:1px solid #e3e4e9;
border-bottom:0px;
}
#tabcontent{clear:both;padding:5px 0;}
div#tabcontent ul#tabnavi li a.selected{
background:#fff;
color:#606274;
border:1px solid #e3e4e9;
border-bottom:0px;
font-weight:bold;
}

div#tabcontent li#lightmusic_c{
margin-top: -120px;
padding-top: 120px;
}
div#tabcontent li#classic_c{
margin-top: -120px;
padding-top: 120px;
}
div#tabcontent li#special_c{
margin-top: -120px;
padding-top: 120px;
}
.list-base{
clear:both;
padding:5px;
}
.list-base li{
padding:0 0 0 16px;
background:url("http://rhyg.jp/school/wp-content/uploads/2016/01/arrow6.png") no-repeat left;
line-height:220%;
}
.list-base li a{
color:#777;
text-decoration:none;
display:block;
font-size:16px;
}
.list-base li a:hover{
background:#ffffcc;
text-decoration:underline;
}
div#tabcontent .list-base{
border:1px solid #e3e4e9;
z-index:0;
position:relative;
top:-1px;
}


.list-base2{
clear:both;
padding:5px;
margin-top:5px;
border:1px solid #ddd;
}
.list-base2 li{
padding:0 0 0 16px;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/11/arrow_orange.png") no-repeat left;
line-height:220%;
}
.list-base2 li a{
color:#ff6600;
text-decoration:none;
display:block;
font-size:16px;
}
.list-base2 li a:hover{
background:#ffffcc;
text-decoration:underline;
}


/*
.blogroll{
padding:0 0 0 20px;
}
.blogroll li{
list-style-type: circle;
line-height:200%;
padding:5px 0 10px 0;
}
*/
.blogroll{
clear:both;
width:100%;
padding:5px;
}
.blogroll li{
padding:0 0 0 16px;
width:100%;
background:url("http://rhyg.jp/school/common/img/all/arrow1.png") no-repeat left;
line-height:220%;
}
.blogroll li a{
color:#696e82;
text-decoration:none;
display:block;
width:100%;
font-size:16px;
}
.blogroll li a:hover{
background:#ffffcc;
text-decoration:underline;
}

.br2{
margin-top:-10px;
}


#tabmn{
/*background:#ffd6a6;*/
padding:0 0 5px 0;
}
#tabmn #tabnv li{
float:left;
width:204px;
height:44px;
padding-right:4px;
border-bottom:5px solid #ffd6a6;
}
#tabmn #tabnv li.last{
padding:0;
}

#tabmn #tabnv li a{
width:204px;
height:31px;
display:block;
color:#fff;
font-size:18px;
font-weight:bold;
text-decoration:none;
text-align:center;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/11/topnav_off.png") no-repeat;
padding:13px 0 0 0;
}
#tabmn #tabnv li a:hover,#tabmn #tabnv li a.active{
color:#66091B;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/11/topnav_on.png") no-repeat;
}
#tabmn #tabnv li a.selected{
color:#66091B;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/11/topnav_on.png") no-repeat;
}
#tabmn .tabmn-box{
clear:both;
width:620px;
height:auto;
background:#fff;
padding:10px 0 5px 0px;
margin:5px auto;
/*border-radius:10px;*/
}
#tabmn .list-top li{
width:187px;
float:left;
padding:5px 0 10px 15px;
}
#tabmn .list-top li a{
width:154px;
height:22px;
display:block;
color:#460032;
font-size:14px;
padding:9px 0 0 33px;
text-decoration:none;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/11/topmn_bg.png");
}
#tabmn .list-top li a:hover{
text-decoration:underline;
}

#tabmn .list-top2{
clear:both;
}
#tabmn .list-top2 li{
width:285px;
float:left;
padding:5px 0 10px 15px;
}
#tabmn .list-top2 li a{
clear:both;
width:252px;
height:23px;
display:block;
color:#5b3651;
font-size:14px;
padding:9px 0 0 33px;
text-decoration:none;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/12/topmn_bg2.png");
}
#tabmn .list-top2 li a:hover{
text-decoration:underline;
}

.list-top3 li{
width:187px;
float:left;
padding:0 0 15px 15px;
}
.list-top3 li a{
width:154px;
height:22px;
display:block;
color:#460032;
font-size:14px;
padding:9px 0 0 33px;
text-decoration:none;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/11/topmn_bg.png");
}
.list-top3 li a:hover{
text-decoration:underline;
}


.list-top4{
clear:both;
}
.list-top4 li{
width:285px;
float:left;
padding:0 0 15px 15px;
}
.list-top4 li a{
clear:both;
width:252px;
height:23px;
display:block;
color:#5b3651;
font-size:14px;
padding:9px 0 0 33px;
text-decoration:none;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/12/topmn_bg2.png");
}
.list-top4 li a:hover{
text-decoration:underline;
}

.newbox{
/*background:#ffd6a6;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/11/topcont_bg.png") top right;*/
padding:0 0 10px 0;
}
.newbox .h2_sp{
background:none;
color:#66091B;
font-size:18px;
background:#ffd6a6;
}
.list-topicon2{
background:#fff;
width:620px;
height:auto;
margin:0 auto;
padding:10px 0 2px 0;
border-radius:10px;
}



.list-topicon2 li{
float:left;
padding:0 0 15px 15px;
}

.gallery_comment{
padding:10px 0 5px 0;
border-top:1px dotted #ddd;
font-weight:bold;
}

.pie_graph{
clear:both;
float:right;
padding:10px 0 0 10px;
}
.pie_graph p{
text-align:center;
font-weight:bold;
}
.bdrr5{
border-radius:5px;
}


#topgallery{}
#topgallery div{width:200px;height:135px;float:left;margin-right:10px;padding-bottom:10px;position:relative;overflow:hidden;}
#topgallery div img{width:200px;height:135px;top:0;left:0;position:absolute;border-radius:5px;}
#topgallery #cycler03{margin-right:0;}
#topgallery #cycler04,#topgallery #cycler07{clear:left;float:left;}
#topgallery #cycler06{margin-right:0;}
#topgallery #cycler09{margin-right:0;}

/*--------------------------------------------------------------------
WHITE PAGE 600px
--------------------------------------------------------------------*/
#main-s{
width:600px;
padding:10px;
background:#fff;
margin:0 auto;
}

/*--------------------------------------------------------------------
ONE PAGE
--------------------------------------------------------------------*/
#contents-wrap-one{
clear:both;
width:100%;
background:#fff;
}
#contents-one{
clear:both;
width:980px;
margin:0 auto;
background:#fff;
}

#main-one{
clear:both;
background:#fff;
padding:20px 20px 10px 20px;
}
#main-one th,
#main-one td{
padding:5px;
}
#main-one h1{
text-align:left;
font-size:36px;
text-shadow: 1px 1px 2px #ccc;
padding:20px 0 5px 0;
}
#main-one p{
font-size:16px;
}
#main-one .sub-title{
color:#d2005e;
font-weight:bold;
padding:10px 0;
text-align:center;
}
#main-one h2{
clear:both;
padding:5px 10px;
color:#fff;
margin:20px 0 10px 0;
background:#ff9900;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

#main-one .dates{
border-top:1px solid #ddd;
}
#main-one .dates th,
#main-one .dates td{
border-bottom:1px solid #ddd;
padding:5px 10px;
text-align:center;
font-size:14px;
}
#main-one .dates th p,
#main-one .dates td p{
font-size:14px;
}
#main-one .dates .nums{
background:#01b4ae;
color:#fff;
font-weight:bold;
}
#main-one .dates .date1,
#main-one .dates .date2{
white-space: nowrap;
}

#main-one .dates .tl{
text-align:left;
}
#main-one .bline{
border-right:1px dotted #ddd;
}
#main-one .bline th,
#main-one .bline td{
border-left:1px dotted #ddd;
}
#main-one h3{
padding:5px;
background:#fef9ca;
color:#ab8317;
}
#main-one .instructor{
margin:20px 0;
}
#main-one .instructor .instructor-photo{
width:160px;
text-align:center;
font-weight:bold;
}
#main-one .instructor .instructor-yt{
padding:5px;
}
#main-one .instructor td,
#main-one .instructor td p{
font-size:14px;
}
#main-one .list-circle li{
font-size:16px;
}

.dl-one dt{
padding:10px;
font-size:18px;
font-weight:bold;
border-bottom:1px dotted #e4db8e;
background:#fff9c3;
}
.dl-one dd{
padding:15px 0 30px 0;
}
.dl-one dd .big{
font-size:36px;
font-family:"Arail";
}

.bank{
margin:5px 0;
}
.bank th{
background:#fcc9cf;
border-right:10px solid #fff;
padding:5px 10px;
color:#783d44;
}
.bank td{
padding:5px;
vertical-align:top;
}
#one-nav{
margin:0 auto;
padding:10px 0;
text-align:center;
}

#one-nav li{
float:left;
padding:0 5px;
line-height:100%;
}
#one-nav li a{
color:#fff;
display:block;
padding:10px 15px;
background:#72aa00;
text-decoration:none;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
font-size:16px;
font-weight:bold;
background: #299a0b;
background: -moz-linear-gradient(top,  #299a0b 0%, #299a0b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#299a0b), color-stop(100%,#299a0b));
background: -webkit-linear-gradient(top,  #299a0b 0%,#299a0b 100%);
background: -o-linear-gradient(top,  #299a0b 0%,#299a0b 100%);
background: -ms-linear-gradient(top,  #299a0b 0%,#299a0b 100%);
background: linear-gradient(to bottom,  #299a0b 0%,#299a0b 100%);
}
#one-nav li a:hover{
background: #006e2e;
background: -moz-linear-gradient(top,  #006e2e 0%, #006e2e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006e2e), color-stop(100%,#006e2e));
background: -webkit-linear-gradient(top,  #006e2e 0%,#006e2e 100%);
background: -o-linear-gradient(top,  #006e2e 0%,#006e2e 100%);
background: -ms-linear-gradient(top,  #006e2e 0%,#006e2e 100%);
background: linear-gradient(to bottom,  #006e2e 0%,#006e2e 100%);
}

.alignright{float:right;padding:0 0 10px 10px;}
.alignleft{float:left;padding:0 10px 10px 0;}
.imgli{padding:20px 0;}
.imgli li{
padding:0 0 10px 0;
}

.vacancy{
width:100%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:30px;
}
.vacancy th{
background:#eee;
}
.vacancy th,
.vacancy td{
font-size:16px;
text-align:center;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:10px;}


.vacancy2{
width:50%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:30px;
}

.vacancy2 th{
background:#eee;
}
.vacancy2 th,
.vacancy2 td{
font-size:16px;
text-align:center;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:5px;
}
.vacancy2 td{
font-size:24px;
}
.vacancy2 .i1{color:#168FB3;}
.vacancy2 .i2{color:#EB6100;}
.vacancy2 .i3{color:#CE3736;font-weight:bold;}

#main-one .vh2{
border:1px solid #d8cfaf;
background:#ffffcc;
color:#000;
margin-top:30px;
}
#main-one .vmenu{
padding:20px 0 0 0;
color:#d8cfaf;
}
#main-one .list-num li{
font-size:16px;
}
#main-one h3{
margin:20px 0 0 0;
}


.salebox{
clear:both;
padding:10px 0;
}



.salebox .sbl{
width:190px;
float:left;
text-align:left;
}
.salebox .sbr{
width:430px;
float:left;
}
.salebox h1{
background:#ffe2a3;
color:#333;
padding:10px;
margin-bottom:5px;
font-size:16px;
}
.salebox .sbr table{
width:100%;
border-top:1px solid #eaead0;
}
.salebox .sbr table th,
.salebox .sbr table td{
padding:5px;
border-bottom:1px solid #eaead0;
}
.salebox .sbr table th{
text-align:center;
white-space:nowrap;
background:#f9f9d4;
color:#6a5c49;
font-weight:bold;
}
.salebox .sbr table td{
color:#333;
}


.col2_left{
width:475px;
float:left;
padding:0 30px 0 0;
}
.col2_right{
width:475px;
float:left;
}
.col2_in{
width:473px;
padding:0;
border:1px solid #ddd;
}
.col2_in_left{
width:220px;
padding:10px;
float:left;
}
.col2_in_right{
width:220px;
padding:10px 10px 10px 0;
float:left;
}
.col2_in_both{
clear:both;
padding:0px 10px 5px 10px;
}
.col2 h3{
background:#e3e4e9;
padding:3px 5px;
}
.col2{
padding:0 0 20px 0;
}

.col2_right h3{
color:#585555;
background:#efebd4;
}
.col2_right .list-base li{
background:url("http://rhyg.jp/school/wp-content/uploads/2013/09/arrow2.png") no-repeat left;
}
.col2_right .list-base li a{
color:#585555;
line-height:180%;
font-size:16px;
}

.instructor-table th{white-space:normal;}
.instructor-table td{
border-bottom:1px dotted #ccc;
}
.instructor-photo{
width:120px;
height:160px;
float:left;
padding:5px;
vertical-align:top;
}
.instructor-detail{
padding:5px;
line-height:160%;
}
.instructor-detail strong{
font-size:16px;
}
.instructor-detail li{
padding:0 0 10px 0;
}
.topbnr2 li{
padding:10px 0 0 0;
}

.widget-title{display:none;}
.flow_rsvp{left: 4px; top: -118px; position: relative;}

.btngrad{
color:#fff;
text-decoration:none;
padding:10px;
border-radius:5px;
font-size:16px;
font-weight:bold;
background: rgb(191,210,85); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%);
}

#lesson_nav{padding:10px 0 0 0;}

#lesson_nav li{
float:left;
padding-right:9px;
}
#lesson_nav li:last-child{
padding:0;
}


.single-instructor .box1 h1{
color:#69AFBB;
padding:15px 15px 15px 0;
border-radius:0;
margin-bottom:10px;
font-size:18px;
background:none;
border-bottom:1px dotted #ddd;
}

/*--------------------------------------------------------------------
FOOTER
--------------------------------------------------------------------*/
#footer{
clear:both;
width:980px;
background:#fff;
margin: 0 auto 0 auto;
padding:20px 0 0 0;
border-top:1px dotted #ccc;
}

#footer-nav{
padding:5px 0;
}
#footer-nav a{color:#666;}

#footer-nav ul{
clear:left;
}

#footer-nav ul li{
float:left;
border-left:1px solid #ddd;
padding:0px 10px;
margin-bottom:10px;
line-height:100%;
}
#footer-nav ul li:first-child{
padding:0px 10px 0 0;
border:none;
}

#footer-nav ul li a{
text-decoration:none;
}

#footer #copyright{
clear:both;
padding:0;
text-align:left;
color:#666;
}
#footer a{
color:#666;
}
#footer address{
font-style:normal;
text-align:center;
color:#fff;
background:#aaa;
font-size:12px;
margin-top:10px;
}
#footer address a{
color:#fff;
text-decoration:none;
font-size:12px;
}

.entry-meta{
clear:both;
}

#accessnum{
width:980px;
padding:3px 10px;
text-align:right;
color:#aaa;
margin:0 auto;
}

.ybox{
padding:20px;
}

#p1catch img{width:100%;height:auto;}
#p1contents{background:url("http://rhyg.jp/school/wp-content/uploads/2015/03/concert-bg.jpg") no-repeat bottom;padding: 20px 40px 60px 40px;}

.formone{padding:20px 0;}


.brightbg{
padding:30px;
background:#ffffee;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,ffffff+37,ffffff+64,ffffd8+100 */
background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(left,  #fefcea 0%, #ffffff 37%, #ffffff 64%, #ffffd8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefcea), color-stop(37%,#ffffff), color-stop(64%,#ffffff), color-stop(100%,#ffffd8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #fefcea 0%,#ffffff 37%,#ffffff 64%,#ffffd8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #fefcea 0%,#ffffff 37%,#ffffff 64%,#ffffd8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #fefcea 0%,#ffffff 37%,#ffffff 64%,#ffffd8 100%); /* IE10+ */
border-radius:15px;
}
#main-one .brightbg h1{
text-align:center;
}
.btn_submit{
margin:20px 0;
}
.btn_submit input{
background:#333;
border-radius:5px;
padding:10px 30px;
font-size:21px;
color:#fff;
}

ul.li_col3{
padding:20px 0;
}
ul.li_col3 li{
float:left;
margin:0 5px 5px 0;
}

.boxi{}
.boxi dt{
clear:both;
float:left;
width:120px;
height:160px;
overflow:hidden;
margin:0 20px 20px 0;
}
.boxi dt img{
width:100%;
height:auto;
}
.boxi dd{
border-bottom:1px dotted #ddd;
padding-bottom:20px;
margin-bottom:20px;
}
.boxi dd h2{
background:none;
font-size:21px;
font-weight:bold;
padding:0;
}
.boxi dd h2 a{
text-decoration:none;
color:#000;
display:block;
}



.price_cat{
width:100%;
border-top:1px solid #ddd;
margin:20px 0;
}
.price_cat th,
.price_cat td{
line-height:180%;
border-bottom:1px solid #dedede;
padding:2px 5px;
}
.price_cat th{
background:#efefef;
}

.div-select h2{
background:none;
font-size:24px;
padding:10px 0 2px 0;
border-radius:0;
}
h2.umeda{
color:#009a2f;
border-bottom:1px dotted #6ebd86;
}
h2.amagasaki{
color:#fd9500;
border-bottom:1px dotted #d0b184;
}
h2.kotoen{
color:#820c89;
border-bottom:1px dotted #b482b7;
}


h2.umeda2{
background:#009a2f;
color:#fff;
font-size:18px;
}
h2.amagasaki2{
background:#fd9500;
color:#fff;
font-size:18px;
}
h2.kotoen2{
background:#820c89;
color:#fff;
font-size:18px;
}

.tbl_sel{
width:100%;
}
.tbl_sel th,
.tbl_sel td{
background:#f2f8f0;
padding:5px 10px;
border-bottom:10px solid #fff;
}
.tbl_sel th{
color:#497e36;
background:#e4f6de;
}
.tbl_sel td a{
display:block;
color:#36a012;
}
.tbl_sel td a:hover{
background:#ffffcc;
}
.tbl_sel td.dot{
border-bottom:1px dotted #fff;
}

.div-select ul{
margin:0 0 20px 0;
}
.div-select ul li{
padding:10px 20px;
color:#ccc;
border-bottom:1px solid #fff;
}
.div-select ul li a{
display:block;
}

.div-select ul li.amagasaki2{
background:#ffede4;
}
.div-select ul li.kotoen2{
background:#fee4ff;
}
.div-select ul li.kotoen2 a{
color:#991ca1;
}

#lesson_nav2 li{
width:32%;
margin-right:2%;
float:left;
text-align:center;
padding:10px 0;
}
#lesson_nav2 li:last-child{
margin-right:0;
}
#lesson_nav2 li a{
background:#f9eadb;
display:block;
padding:10px 2px;
border-radius:10px;
text-decoration:none;
border:1px solid #e6dcb7;
}

#lesson_nav2 li a:hover{
background:#f5a925;
color:#fff;
}

.box1_in.p2{
margin-bottom:30px;
}
.box1_in.p2 h3{
background:none;
font-size:14px;
color:#666;
padding:10px 0 5px 0;
border-bottom:2px dotted #ccc;
margin-top:20px
}
.box1_in.p2 h3 .small{
font-size:12px;
padding-right:5px;
background:#f5fff6;
}

.box1_in.p2 .price td{
line-height:115%;
}
.box1_in.p2 .txt_s{
font-size:12px;
}

.box1_in .txt10{font-size:10px;}
.box1_in .txt16{font-size:16px;}

.box1_in.p2 h3.osaka{
color:#009a2f;
border-bottom:2px dotted #abd9c0;

}
.box1_in.p2 h4{
color:#333;
font-size:14px;
margin-bottom:15px;
text-shadow: 1px 1px 1px #ccc;
}

.img100{width:100%;height:auto;}

.list-big{
margin-left:3rem;
margin-bottom:2rem;
}
.list-big li{
list-style-type:disc;
padding-left:0.2rem;
font-size:18px;
line-height:1.8;
font-weight:bold;
}

/*--------------------------------------------------------------------
Common Class
--------------------------------------------------------------------*/
.clear {clear: both;}

/*--------------------------------------------------------------------
clearfix
--------------------------------------------------------------------*/

.clearfix:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix{min-height: 1px;}
* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

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

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

* html #top {/*IE6*/}
*:first-child + html #top {/*IE7*/}

/*--------------------------------------------------------------------
AFTER
--------------------------------------------------------------------*/
.stepnew:after,
#lesson_nav2:after,
.price_cat:after,
ul.li_col3:after,
.newbox:after,
.list-topicon2:after,
#contents-one:after,
#main-one:after,
#one-nav:after,
.salebox:after,
.col2:after,
#lesson_nav:after,
#footer-nav:after,
#tabmn .tabmn-box:after,
#tabmn:after,
.sidebox3:after,
.sidebox2:after,
.sidebox1:after,
#newscontent #newsnavi:after,
.list-icon:after,
.box1 .submenu:after,
.box1:after,
#contents-wrap:after,
#header3:after,
#header2:after,
#header:after,
#newscontent2 #newsnavi2:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}

.rss-antenna hr{height:1px;border:0;border-top:1px dotted #ccc;}

.list-circle.txt-bold li{border-bottom:1px dotted #ddd;color:#333;}

.h2sp1{color:#786e47;font-size:24px;margin-bottom:20px;border-bottom:1px solid #dcd4b5;}
.dl_step dt{font-size:21px;padding-top:35px;padding-bottom:35px;font-weight:bold;}
.dl_step{margin:40px 0 20px 0;}
.dl_step dt,
.dl_step dd{padding-left:90px;margin-top:-15px;background:url("http://rhyg.jp/school/wp-content/uploads/2016/02/step_arrow.png") no-repeat center bottom;}
.dl_step dd{padding-bottom:30px;font-size:16px;line-height:170%;}
.dl_step dt.step1{color:#13b5b1;background:url("http://rhyg.jp/school/wp-content/uploads/2016/02/step1.png") no-repeat left top;}
.dl_step dt.step2{color:#576cc8;background:url("http://rhyg.jp/school/wp-content/uploads/2016/02/step2.png") no-repeat left top;}
.dl_step dt.step3{color:#9770c3;background:url("http://rhyg.jp/school/wp-content/uploads/2016/02/step3.png") no-repeat left top;}
.dl_step dt.step4{color:#c270c3;background:url("http://rhyg.jp/school/wp-content/uploads/2016/02/step4.png") no-repeat left top;}
.dl_step dd.last{background:none;}

.box1 h2.h2sp1{font-size:21px;}

.stepnew li{
box-sizing:border-box;
margin-bottom:5px;
border:1px solid #e7e1c8;
height:190px;
font-size:16px;
padding:20px;
line-height:160%;
margin-bottom:10px;
}
.stepnew li img{
width:100%;
height:auto;
}
.box1 .stepnew li h3{
font-size:21px;
display:block;
border-bottom:3px dotted #e7e1c8;
padding:0 10px 5px 10px;
background:none;
}
.stepnew li:nth-child(odd){
clear:both;
float:left;
width:49%;
}
.stepnew li:nth-child(even){
float:right;
width:49%;
}


/*--------------------------------------------------------------------
MEDIA QUERY : RESPONSIVE CSS
--------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
body {}
.pc{display:none;}
.sp{display:block;}

#bg{padding-top:50px;}
#header{width:100%;}
#header-one #header{width:100%;height:auto;}
#header2{height:auto;}
#header2 #logo a{color:#333;font-size:16px;text-align:center;text-decoration:none;}
.responsive-slider.flexslider{margin:0;}
#header2 #head-contact #email{margin-top:0;}
#header #head{width:100%;height:100px;}
#navigation2{width:100%;}
#catch{width:100%;height:auto;}
#catch2{width:100%;height:auto;margin-bottom:5px;}
#catch img{width:100%;height:auto;}
#contents{width:100%;}
#contents-one{width:100%;}
#footer{width:100%;}
#sidebar{width:100%;clear:both;box-sizing:border-box;}
#main{width:100%;box-sizing:border-box;margin:0;}
.blogroll{padding:5px 0;}
ul.xoxo.blogroll,.blogroll li{box-sizing:border-box;}
.rss-item{padding:5px 10px;}
#header{
background:url("http://rhyg.jp/school/common/img/all/hd_bg.jpg") repeat-y;
}

.spimg{width:100%;height:auto;}

/* header2nd */
#header2{
width:100%;
margin:0 auto;
top:0px;
margin-bottom:10px;
}
#header2 #head{
height:auto;
padding-bottom:10px;
}
#header2 #head:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
#header2 #logo{
clear:both;
width:100%;
}
#header2 #logo:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
#header2 #logo a{
display:block;
width:95%;
height:auto;
padding:5px;
box-sizing: border-box;
}
#header2 #head-contact{
clear:both;
padding:10px 0 0 0;
float:left;
}
#header2 #head-contact li{
float:left;
line-height:100%;
margin-right:10px;
}
#header2 #head-contact #phone{font-size:18px;padding:2px 0 2px 24px;}
#header2 #head-contact #phone a{font-size:18px;}
#header2 #head-contact #email{font-size:18px;padding:2px 0 2px 24px;}
#header2 #head-contact #email a{font-size:18px;}



/* header3rd */
#header3{
width:100%;
height:auto;
margin:0 auto;
top:0;
margin-bottom:10px;
padding-top:70px;
}
#header3 #head{
height:auto;
padding-bottom:10px;
}
#header3 #head:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
#header3 #logo{
clear:both;
width:100%;
height:auto;
background:none;
top:5px;
left:5px;
}
#header3 #logo:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
#header3 #logo a{
display:block;
width:95%;
height:auto;
padding:5px;
box-sizing: border-box;
}
#header3 #logo img{
width:100%;
height:auto;
}
#header3 #head-contact{
clear:both;
padding:10px 0 0 0;
float:left;
}
#header3 #head-contact li{
float:left;
line-height:100%;
margin-right:10px;
}
#header3 #head-contact #phone{font-size:18px;padding:0 0 0 24px;}
#header3 #head-contact #phone a{font-size:18px;}
#header3 #head-contact #email{font-size:18px;padding:0 0 0 24px;}
#header3 #head-contact #email a{font-size:18px;}



#header #logo{
clear:both;
width:100%;
height:auto;
background:none;
top:5px;
left:5px;
}
#header #logo:after{
content: ".";
display: block;
height: 0;
font-size:0;
clear: both;
visibility:hidden;
}
#header #logo a{
display:block;
width:95%;
height:auto;
padding:5px;
box-sizing: border-box;
}
#header #logo img{
width:100%;
height:auto;
}
#header #head-contact{
clear:both;
padding:10px 0 0 0;
float:left;
}
#header #head-contact li{
float:left;
line-height:100%;
margin-right:10px;
}
#header #head-contact #phone{font-size:18px;padding:0 0 0 24px;}
#header #head-contact #phone a{font-size:18px;}
#header #head-contact #email{font-size:18px;padding:0 0 0 24px;}
#header #head-contact #email a{font-size:18px;}

.col2_left img{width:100%;height:auto;}
.col2_right img{width:100%;height:auto;}

.col2_left{width:100%;padding:0;}
.col2_right{width:100%;}
.col2_in{width:100%;border:0;}
.col2_in_left{clear:both;width:95%;}
.col2_in_right{clear:both;width:95%;padding:10px;}

.box1 .h1 img{width:100%;height:auto;}
#footer address{clear:both;}
.box1{padding:5px;}
.box1_in{padding:0px;}


th,td{font-size:12px;font-weight:normal;}

.imgsp{width:100%;height:auto;}
.ileft img{clear:left;padding:10px 0 0 0;display:block;}
.ileft p{clear:left;}


.box1 .list-topicon li{width:43%;float:left;}
.box1 .list-topicon li img{
width:100%;
height:auto;
}


.list-topicon2{
padding:5px 0 2px 0;
width:98%;
}
.list-topicon2 li{
float:left;
padding:0 0 8px 10px;
}

#tabmn #tabnv li{
float:left;
width:100px;
height:auto;
padding-right:4px;
border-bottom:0px solid #ffd6a6;
line-height:110%;
}
#tabmn #tabnv li.last{
height:16px;
padding-right:0;
}
#tabmn #tabnv li a{
width:100px;
font-size:14px;
padding:3px 0 0 0;
font-weight:normal;
letter-spacing:-1px;
}
#tabmn #tabnv li a:hover,#tabmn #tabnv li a.active{
color:#66091B;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/11/topnav_on.png") no-repeat;
}
#tabmn #tabnv li a.selected{
color:#66091B;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/11/topnav_on.png") no-repeat;
}
#tabmn .tabmn-box{width:98%;}
#tabmn .list-top li{
width:95%;
float:left;
padding:5px 0 5px 5px;
}
#tabmn .list-top li a{
width:90%;
height:22px;
font-size:14px;
padding:9px 0 0 33px;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/12/topmn_bg21.png") no-repeat;
}
#tabmn .list-top li a:hover{
text-decoration:underline;
}

#tabmn .list-top2{
clear:both;
}
#tabmn .list-top2 li{
width:285px;
float:left;
padding:5px 0 10px 15px;
}
#tabmn .list-top2 li a{
clear:both;
width:252px;
height:23px;
display:block;
color:#5b3651;
font-size:14px;
padding:9px 0 0 33px;
text-decoration:none;
background:url("http://rhyg.jp/school/wp-content/uploads/2013/12/topmn_bg2.png");
}
#tabmn .list-top2 li a:hover{
text-decoration:underline;
}


#accessnum{
width:100%;
box-sizing:border-box;
font-size:12px;
}
#ftphone {
position: fixed;
bottom: 0px;
background:url("http://rhyg.jp/school/wp-content/uploads/2014/01/bgt.png");
padding: 10px;
color:#333;
font-size:18px;
font-family:"Arial";
width:100%;
box-sizing:border-box;
}

#topbox1{}
#topbox1 .lt,
#topbox1 .gt{
clear:both;
text-align:center;
float:none;
}
.box1 .list-topicon .lst2{
width:100%;
}
#topbox1 .lt img,
#topbox1 .gt img{
  width:100%;
  height:auto;
  margin:0 auto;
}

#spmn{
width:100%;
position:fixed;
top:0;
z-index:1000001;
}
#spmnbtn{
display:block;
height:40px;
width:100%;
display:block;
background:#333;
text-align:right;
}
#spmnbox{
display:none;
}
#navigation2{
clear:both;
width:100%;
height:auto;
top:0;
background:#69afbb;
box-shadow:0 3px 3px rgba(0,0,0,0.2);
}
#navigation2 li{
float:none;
height:auto;
width:100%;
border-bottom:1px dotted #fff;
background:#666;
}
#navigation2 li:last-child{
border-bottom:none;
}
#navigation2 li a{
display:block;
height:auto;
background:none;
height:0;
padding:12px;
overflow:hidden;
text-decoration:none;
font-size:16px;
color:#fff;
background:#666;
}
#navigation2 li a:hover{
background:#333;
}
#navigation2 #n1,
#navigation2 #n2,
#navigation2 #n3,
#navigation2 #n4,
#navigation2 #n5,
#navigation2 #n0{width:auto;}

#navigation2 #n1 a,
#navigation2 #n2 a,
#navigation2 #n3 a,
#navigation2 #n4 a,
#navigation2 #n5 a,
#navigation2 #n0 a{width:auto;display:block;line-height:100%;height:auto;}

#navigation2 #n0{float:none;width:auto;height:auto;}
#navigation2 #n0 a{width:auto;}

#navigation2 li:last-child a{
background:#610240;
color:#fff;
}
#navigation2 li:last-child a:hover{
background:#8c1b65;
}

.formone table{width:96%;margin:0 auto;}
.formone th,
.formone td{display:block;width:100%;}

textarea{width:100%;}

#main-one h1{font-size:21px;line-height:135%;}
#main-one p{font-size:14px;}
.brightbg{padding:15px;}
#main-one .aform2 th,
#main-one .aform2 td,
#main-one .aform th,
#main-one .aform td,
#main-one .tbl_v th,
#main-one .tbl_v td{display:block;width:100%;box-sizing:border-box;}
.aform th,.tbl_v th{text-align:center;}
#main-one .aform td{padding:10px;}
#main-one .wpcf7-text{width:100%;box-sizing:border-box;}
#main-one .aform2 .wpcf7-list-item{display:block;}
.alignleft,.alignright{float:none;display:block;text-align:center;}

.imggt{float:none;padding:0 0 10px 0;margin:0 auto;text-align:center;}
.bdrr5{display:block;margin:0 auto;}
.pie_graph{float:none;text-align:center;}
.pie_graph img{display:block;margin:0 auto;}

ul.li_col3 li{width:48%;}
ul.li_col3 li img{width:100%;height:auto;}
ul.li_col3 li:nth-child(odd){clear:both;float:left;}
ul.li_col3 li:nth-child(even){float:right;}

.sidebox1{width:96%;margin:0 auto 20px auto;}
.sidebox1 h2{background:#eee;}
.box1 h2.h2top{background:#FBFBDD;color:#333;padding:5px;text-align:center;}



.stepnew li{height:auto;}
.stepnew li:nth-child(odd),
.stepnew li:nth-child(even){float:none;width:100%;}

.list-big{margin-left:0;}
.list-big li{list-style:none;border-bottom:1px dotted #ccc;font-size:14px;}
#main-one h2.ttlh2{font-size:18px;}
}