/*------------------------------
  コンテンツ設定
------------------------------- */

@import url("reset.css");
@import url("image.css");
@import url("share.css");



/* コンテンツレイアウト設定
------------------------------- */
.cont{
padding:140px 0 60px;
min-height:600px;
position:relative;
}

/* タイトル
------------------------------- */
.cont h2{
}
.cont .wrapper>h2{
background:#C60076 url(../gazou/share/flower1.png) no-repeat center;
color:#fff;
padding:35px 0 15px;
height:80px;
font-size:28px;
font-weight:bold;
line-height:1;
position:absolute;
top:0;
left:0;
width:100%;
text-align:center;
}
.cont .wrapper>h2 span{
display:block;
font-size:16px;
padding:10px 0 0;
}
.cont .wrapper>h2 .ctgname{
display:block;
font-size:18px;
padding:4px 0 0;
}
.cont h3{
padding:8px 8px 10px 10px;
color:#C60076;
font-size:24px;
line-height:1.2;
margin:36px 0 24px;
border-bottom:1px solid #C60076;
}
.CenterBox .ContPage:first-child h3{
margin:0 0 24px;
}
.cont h3 a{
font-size:20px;
font-weight:bold;
color:#000;
text-decoration:none;
}
.cont h3 small{
display:inline-block;
font-size:16px;
margin:0 0 0 10px;
vertical-align:middle;
color:#000;
}
.kijictg{
text-align:right;
margin:0 0 40px;
line-height:1;
}
.kijictg .ctgname{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background:#868686;
color:#fff;
font-size:14px;
display:inline-block;
padding:4px 20px 4px 20px;
}
.cont h4{
background:#FFDFF2;
border-bottom:1px solid #C60076;
font-size:20px;
line-height:1.2;
padding:10px 10px 10px 20px;
margin:40px 0 20px;
}
.cont h4 small{
margin-left:12px;
display:inline-block;
font-size:12px;
}


/* 新着・カテゴリサイドカラム
------------------------------- */
.news .main{
width:auto;
float:none;
}
.news .side{
display:none;
}
.CenterBox{
width:690px;
float:left;
}
.RightBox{
width:260px;
float:right;
}
.RightBox.fixed{
position:fixed;
top:10px;
}
.cont .RightBox section{
background:#FFDFF2;
padding:0 20px 20px;
margin:0 0 50px;
}
.cont .RightBox h2{
border-bottom:1px solid #C60076;
padding:20px 0 10px;
margin:0 0 10px;
font-size:18px;
text-align:center;
position:relative;
}
.cont .RightBox h2:before{
content:url(../gazou/share/tit2.png);
position:absolute;
left:50%;
top:-10px;
margin-left:-12px;
}
.cont .RightBox li{
margin:0 0 10px;
}
.cont .RightBox li a{
display:block;
padding:4px 4px 4px 12px;
font-size:16px;
color:#000;
line-height:1.2;
text-decoration:none;
transition:.6s;
position:relative;
}
.cont .RightBox li a:hover{
color:#C60076;
}
.cont .RightBox li a:before{
content:"";
display:block;
border:2px solid transparent;
border-left:4px solid #C60076;
position:absolute;
left:0;
top:12px;
}

/* RightBoxバナー　*/
#top_bnr{
width:260px;
}
#top_bnr img{
width:260px;
margin:0 0 30px 0;
padding:0;
}

/* パンくず
------------------------------- */
.path{
position:absolute;
text-align:right;
right:0;
top:192px;
}
.path li{
display:inline;
padding:0 2px;
font-size:14px;
}
.path li a{
font-size:14px;
color:#000;
text-decoration:underline;
}
.path li:after{
content:">";
color:#666;
padding:0 4px;
}
.path li:last-child:after{
content:normal;
}


/* 記事本文
------------------------------- */

.cont .KijiArea{
padding:10px;
font-size:16px;
}
.cont article .KijiArea p{
margin:0 0 1em;
line-height:1.6;
}
.cont article .KijiArea ul,.CenterBox .KijiArea ul{
list-style:disc;
padding:0 0 0 2em;
}
.cont article .KijiArea ol,.CenterBox .KijiArea ol{
list-style:decimal;

padding:0 0 0 2em;
}
.cont .KijiArea img{
max-width:100%;
}
.cont .KijiArea{
clear:both;
zoom:1;
}
.KijiArea:after,.KijiArea:before{content:"";display:table;}
.KijiArea:after{clear:both;}

.PageNavi{
text-align:center;
padding:20px 0;
}
.ToDetail{
text-align:right;
}


/* メールフォーム設定
------------------------------- */
.formbody{
padding:10px 20px;
margin:0 30px;
}
.formbody dt{
width:100px;
float:left;
}
.formbody dd{
margin:0 0 20px 120px;
border-bottom:1px dotted #ccc;
padding:0 0 20px 10px;
min-height:20px;
}
.formbody dt.formhead{
background:#fafafa;

font-size:18px;
font-weight:bold;
border-bottom:2px solid #eee;
padding:10px 10px 10px 30px;
margin:30px -20px;
line-height:1.2;
width:auto;
float:none;
}
.formbody dt.formcomment{
width:auto;
float:none;
margin:0 0 20px 120px;
}
.formbody dd.btnSubmit,.back{
text-align:center;
border:none;
padding:20px 0;
}
.formbody input,.formbody textarea,.formbody select{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", 
"Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
.formbody input[type="submit"],.formbody input[type="button"],.back a{
display:inline-block;
padding:0.4em 1em;
cursor:pointer;
border-radius:6px;
border:none;
border:1px solid #ccc;
color:#333;
text-decoration:none;
font-size:14px;
background:#f3f3f3;
}
.formbody input[type="submit"]:hover,.formbody input[type="button"]:hover{
background:#fff;
}
.Alert{
text-align:center;
padding:20px 0;
}
.Certify{
text-align:center;
padding:20px 0;
}
.formthanks{
}


.tbl1{
border-collapse:collapse;
width:90%;
margin:0 0 16px 5%;
}
.tbl1 th{
background:#efefef;
padding:10px;
border:1px solid #ccc;
text-align:center;
}
.tbl1 td{
padding:10px;
border:1px solid #ccc;
text-align:center;
}
input,textarea{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", 
"Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}
.tbl1 .full{
display:none;
}
.tbl1 .yoyaku0 .full{
display:block;
color:#f30;
}
.tbl1 .yoyaku0 input{
display:none;
}



/* ギャラリー
------------------------------- */
.gallery .main{
width:auto;
float:none;
}
.gallery h3 .date{
font-size:14px;
color:#333;
display:online-block;
margin:0 0 0 1em;
}
.index_gallery .catch{
font-size:16px;
color:#333;
text-align:center;
margin:0 0 60px;
}
.index_gallery ul:after{
content:"";
display:block;
clear:both;

}
.index_gallery li{
width:300px;
float:left;
margin-right:50px;
margin-bottom:60px;
font-size:16px;
color:#333;
text-align:center;
}
.index_gallery li:nth-child(3n){
margin-right:0;
}
.index_gallery li:nth-child(3n+1){
clear:both;
}
.index_gallery li .img{
margin:0 0 12px;
height:224px;
overflow:hidden;
display:block;
}
.index_gallery li .img img{
max-width:100%;
}
.index_gallery li .tit{
margin:0 0 12px;
line-height:1.2;
display:block;
}
.index_gallery li .btn1{
padding:8px 40px;
}
.index_gallery li .btn1:after{
content:normal;
}
.detail_gallery h3{
position:relative;
padding-left:70px;
}
.detail_gallery h3:before{
content:url(../gazou/share/i_tree.png);
position:absolute;
bottom:0;
left:10px;
}
.detail_gallery .txt_gallery{
font-size:16px;
color:#333;
margin:0 16px 60px;
line-height:2;
}
.detail_gallery .txt_click{
text-align:right;
font-size:16px;
color:#333;
margin:0 0 20px;
}
.detail_gallery li{
width:300px;
float:left;
margin-right:50px;
margin-bottom:60px;
font-size:16px;
color:#333;
}
.detail_gallery li:nth-child(3n){
margin-right:0;
}
.detail_gallery li:nth-child(3n+1){
clear:both;
}
.detail_gallery li a{
display:block;
color:#333;
line-height:1.2;
}
.detail_gallery li .photo{
margin:0 0 12px;
height:224px;
overflow:hidden;
display:block;
}
.detail_gallery li .photo img{
max-width:100%;
}
.detail_gallery li .cap{
display:block;
}
.detail_gallery .btn{
text-align:center;
margin:0 0 60px;
}
.detail_gallery .btn .btn1{
padding:8px 40px;
}
.detail_gallery .btn .btn1:after{
content:normal;
}
.detail_gallery ul:after{
content:"";
display:block;
clear:both;
}

/* アクセス
------------------------------- */
.access .KijiArea h3{
border:none;
}


/* スケジュール
------------------------------- */
.schedule .AeCalTable{
width:100%;
border-collapse:collapse;
border:1px solid #ccc;
}
.schedule .AeCalTable th{
padding:15px;
text-align:center;
background:#F3D8E3;
}
.schedule .AeCalTable td{
vertical-align:top;
height:80px;
border:1px solid #ccc;
}
.schedule .AeCalTable tr.youbi td{
height:50px;
vertical-align:middle;
}
.link_box{
margin:0 0 10px;
}
.link_box a{
display:block;
text-align:center;
font-size:12px;
transition:.6s;
padding:4px;
text-decoration:none;
color:#3C0024;
}
.link_box a:hover{
text-decoration:none;
background:#FFE6F3;
}
.link_box a .star{
color:#3CB14A;
}
.link_box .selDate{
display:block;
border-bottom:1px solid #C69;
padding:0 0 2px;
margin:0 0 2px;
letter-spacing:1px;
}
.link_box .v_title{
display:block;
}
.link_box .v_instructor{
display:block;
font-size:10px;
}
.v_message{
margin:0 0 60px;
}
.lesson_data{
margin:0 0 20px;
}
.lesson_data:after{
content:"";
display:block;
clear:both;
}
.lesson_data dt{
width:100px;
float:left;
clear:both;
padding:10px;
background:#E8E3D1;
font-weight:bold;
}
.lesson_data dd{
padding:10px 10px 10px 140px;
margin:0 0 10px;
border:1px solid #E8E3D1;
}
.btn_reserve{
text-align:center;
margin:0 0 48px;
}
.btn_reserve input{
font-size:18px;
}


/* 料金
------------------------------- */
table.plan{
width:80%;
margin:0 auto 30px auto;
border: solid 1px #333;
border-collapse: collapse;
}
table.plan td{
padding:10px;
border: solid 1px #333;
}

#bt_yudo{}
#bt_yudo li{
display:inline-block;
}
#bt_yudo li img{
width:440px;
}
#bt_yudo li.bt_trial a img{
border:3px solid #B8E7BE;
}
#bt_yudo li.bt_trial a:hover img{
border:3px solid #FF80C0;
}
#bt_yudo li.bt_schedule a img{
border:3px solid #C60076;
}
#bt_yudo li.bt_schedule a:hover img{
border:3px solid #3CB14A;
}

/* 講師紹介
------------------------------- */
/* 一覧 */
.instructor_list{
margin-left:50px;
}
.instructor_list li{
width:240px;
height:320px;
float:left;
margin:20px 66px 0 0;
text-align:center;
line-height:1.8;
}
.instructor_list li:nth-child(3n){
margin:20px 0 0 0;
}
.instructor_list li:nth-child(3n+1){
clear:both;
}
.instructor_list li a{
text-decoration:none;
}
.instructor_list li .photo{
display:block;
height:240px;
overflow:hidden;
margin:0 0 12px;
}
.instructor_list li .photo img{
max-width:100%;
height:auto;
}
.instructor_list li .nickname{
font-size:20px;
color:#C70075;
margin:0 8px;
display:inline-block;
vertical-align:middle;
}
.instructor_list li .nickname span{
font-size:14px;
}

/* インストラクター詳細
------------------------------- */
.instructor_detail{
margin-top:30px;
}
.instructor_detail .txt{
width:630px;
float:right;
padding:0 0 100px;
}
.instructor_detail h3{
margin:0 0 48px;
padding:0;
font-weight:bold;
color:#C60076;
line-height:1;
}
.instructor_detail h3 span{
font-size:16px;
}
.instructor_detail .comment{
font-size:16px;
line-height:1.6;
margin-bottom:30px;
}
.instructor_detail .data dt{
font-size:14px;
color:#fff;
font-weight:bold;
border-bottom:1px solid #C60076;
line-height:1;
}
.instructor_detail .data dt span{
background:#C60076;
font-size:14px;
color:#fff;
font-weight:bold;
padding:3px 8px;
display:inline-block;
line-height:1;
}
.instructor_detail .data dd{
background:#F3D8E3;
padding:20px;
font-size:16px;
line-height:1.4;
margin:0;
}

.instructor_detail .photo{
width:300px;
float:left;
padding:0 0 100px;
}
.instructor_detail .photo img{
max-width:100%;
height:auto;
}

.instructor_detail .photo .photo_main{
width:100%;
margin:0 0 20px;
}
.instructor_detail .btn_index{
clear:both;
width:400px;
margin:0 auto;
border:1px solid #C60076;
}
.instructor_detail .btn_index a{
display:block;
border:5px solid #fff;
background:#F3D8E3;
font-size:16px;
font-weight:bold;
color:#000;
text-decoration:none;
text-align:center;
padding:20px 0;
transition:border 0.3s;
}
.instructor_detail .btn_index a:before{
content:url(../gazou/share/i_list.png);
vertical-align:middle;
margin:0 32px 0 0;
}
.instructor_detail .btn_index a:hover{
border:5px solid #E7AFC7;
}


/* 初めての方へ
------------------------------- */

ul.first_lesson li{
display:inline-block;
list-style-type: none;
margin:0 15px;
}
.time{  
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */ 
padding:5px;
background:#D29E00;
color:#fff;
width:150px;
text-align:center;
}
.seido{
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */ 
padding:5px;
color:#fff;
width:100px;
text-align:center;
background:#C60076;
}


/* 暫定スケジュール表
------------------------------- */
table.lesson_table{
width:100%;
margin-bottom:30px;
border: solid 1px #333;
border-collapse: collapse;
}
table.lesson_table td, table.lesson_table th{
padding:10px;
border: solid 1px #333;
text-align:center;
font-size:14px;
}
table.lesson_table th{
text-align:center;
background:#F3D8E3;
}