/*------------------------------
仮TOP用CSS
------------------------------- */
@import url("reset.css");
@import url("share.css");


/* トップイメージ
------------------------------- */
#img_top{
text-align:center;
margin:15px auto 60px;
height:540px;
width:1200px;
position:relative;
}
#img_top h2,#img_top .txt1,#img_top .txt2,#img_top .flower{
position:absolute;
width:100%;
left:0;
z-index:100;
}
#img_top h2{
top:120px;
}
#img_top .txt1{
top:540px;
}
#img_top .txt2{
top:440px;
display:none;
}
#img_top .flower{
top:70px;
}
#sliderbox{
position:relative;
}
#img_top ul:after{
content:"";
display:block;
clear:both;
}
#sliderbox li,#sliderbox li img{
overflow:hidden;
max-width:100%;
}
.flex-control-paging li a{
background:#ddd;
width:14px;
height:14px;
box-shadow:none;
}
.flex-control-paging li a.flex-active{
background:#999;
}
.slides{
opacity:0;
}


/* ようこそ
------------------------------- */

#greet{
text-align:center;
margin:0 0 64px;
}
#greet h2{
font-size:24px;
margin:0 0 8px;
}
#greet .txt1{
font-size:16px;
margin:0 0 32px;
color:#C60076;
}
#greet .txt2{
font-size:16px;
line-height:1.6;
}

/* 体験レッスン
------------------------------- */
#trial{
text-align:center;
margin:0 0 30px;
}
#trial a img{
border:9px solid #B8E7BE;
}
#trial a:hover img{
border:9px solid #FF80C0;
}




/* 新着情報
------------------------------- */

#news{
width:630px;
float:left;
margin:0 0 80px;
}
#news h2{
background:url(../gazou/share/tit1.png) no-repeat left center;
font-size:24px;
padding:8px 0 8px 36px;
margin:0 0 16px;
}
#news .btn{
padding:36px 20px 10px 0;
text-align:right;
}
#news .btn{
position:relative;
}
#news li{
margin:0 0 16px;
}
#news li a{
display:block;
color:#000;
font-size:16px;
line-height:1;
overflow:hidden;
white-space:nowrap;
text-overflow: ellipsis;
transition:0.3s;
text-decoration:underline;
}
#news li a:hover{
color:#C60076;
}
#news li a:hover .date{
color:#000;
}
#news li a .date{
display:inline-block;
text-decoration:none;
width:100px;
text-decoration:none;
}
#news li a .ctgname{
background:#868686;
color:#fff;
text-decoration:none;
text-align:center;
display:inline-block;
text-decoration:none;
width:110px;
margin:0 16px 0 0;
padding:3px 0;
}

/* バナー
------------------------------- */
#top_bnr{
width:300px;
float:right;
padding:20px 0 80px;
}
#top_bnr li{
margin:0 0 16px;
}

/* トップメニュー
------------------------------- */
#top_menu{
clear:both;
padding:0 0 80px 66px;
}
#top_menu ul:after{
content:"";
display:block;
clear:both;
}
#top_menu li{
float:left;
width:260px;
margin:0 40px 0 0;
position:relative;
}
#top_menu li a{
text-decoration:none;
background-color:rgba(99,16,43,0.5);
background-repeat:no-repeat;
background-position:center;
-webkit-background-size:220px auto;
background-size:220px auto;
color:#fff;
font-size:24px;
text-align:center;
display:block;
width:220px;
margin:0 0 0 20px;
height:130px;
padding:90px 0 0;
line-height:1;
text-shadow:0px 0px 3px rgba(0,0,0,0.8);
-webkit-border-radius: 50%;
border-radius: 50%;
box-shadow:0px 0px 5px 5px rgba(0,0,0,0.2);
behavior: url("/js/PIE.htc");
position:relative;
transition:1s;
}
#top_menu li a:hover{
-webkit-background-size:280px auto;
background:#F9E5F1;
text-shadow:1px 1px 3px rgba(0,0,0,0.8);
box-shadow:0px 0px 16px 3px rgba(99,16,43,0.7);
}
#top_menu li a span{
display:block;
font-size:0.8em;
}

/* FOLLOW US
------------------------------- */
#follow{
background:#F0F0F0;
padding:18px 0;
}
#follow h2{
background:url(../gazou/share/tit1.png) no-repeat center top;
text-align:center;
padding:32px 0 24px;
font-size:14px;
font-weight:bold;
color:#CE2B8A;
}

#facebook{
width:340px;
float:left;
margin:0 20px 0 0;
}
#other{
width:220px;
float:right;
}

#facebook img{
display:inline-block;
margin:5px;
}
#blog{
margin:0 0 10px;
}
#blog a{
background:#379145;
color:#fff;
padding:30px 0 0;
height:65px;
display:block;
text-align:center;
font-size:18px;
line-height:1;
transition:.6s;
}
#blog a:hover{
background:#215829;
}
#blog a span{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display:block;
font-size:12px;
margin:0 0 10px;
}
#line{
width:400px;
float:left;
background:#fff;
text-align:center;
margin-bottom:10px;
}
#line .txt{
display:block;
font-size:14px;
white-space:nowrap;
}
#line .box{
display:block;
background:#00B900;
margin:0 auto;
width:200px;
padding:6px 0;
font-size:14px;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}
#line .box a{
font-weight:bold;
font-size:18px;
color:#fff;
margin:0 0 0 4px;

}
#line img{
margin:8px;
}
#yogaroom{
text-align:center;
}