#modal-content{
	width:50%;
	margin:0;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
	position:fixed;
	display:none;
	z-index:2;
}
  
#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}

.button-link{
	color:#00f;
	text-decoration:underline;
}
 
.button-link:hover{
	cursor:pointer;
	color:#f00;
}

/*--------------------------------------------
基本設定
--------------------------------------------*/
body{
	color: #434343;
	font-family: "Quicksand","游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ丸ゴシック Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}

body,h2,p,ul,li{
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
html {
	overflow-y: scroll;
}
img {
	vertical-align: bottom;
	border-style: none;
}
ul{
	list-style: none;
}
a{
	text-decoration:none;
	color:#23678c;
}
a:hover{
	color:#6ec5ec;
	text-decoration:underline;
}
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
.count{display: none;} 
/*--------------------------------------------
ヘッダー内
--------------------------------------------*/
#heaader_top_right{
	float:right;
	text-align:right;
	margin-right:1em;
}
#heaader_top_right li{
	float:right;
	margin-left:1em;
}
#heaader_top_right li img{
	vertical-align:middle;
}
#headder{
	min-height:136px;
	width:100%;
	background:url(img/header/hedder_back.gif) repeat-x;
	overflow:hidden;
}
#headder_index{
	height:136px;
	width:100%;
	background:url(img/header/hedder_back.gif) ;
}
#headder_inner{
	height:136px;
}
#headder_bottom{
	clear:both;
}

/*--------------------------------------------
フッター
--------------------------------------------*/
#footer{
	overflow:hidden;
	background:#66c2eb;
	width:100%;
	overflow:hidden;
}
#footer_dw{
	margin:0 auto;
	width:100%;
	font-size:13px;
	color:#FFFFFF;
}
#footer a{
	color:#fff;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.6em;
}
#foote a:hover{
	text-decoration:underline;
}
#footer #copy{
	width:100%;
	text-align:center;
	padding:20px 0 10px 0;
	font-size:1em;
	line-height:1.4em;
}
#footer_logoimg{
	width:100%;
	text-align:center;
	clear:both;
	padding:20px 0 0 0;
}

/*--------------------------------------------
全体
--------------------------------------------*/
#container{
    width: 100%;
    margin: 0 auto;
	overflow:hidden;
	position: relative;
}
#container_index{
    width: 100%;
	min-width:960px;
    margin: 0 auto;
	overflow:hidden;
	padding-top:136px;
}

/*--------------------------------------------
パン屑
--------------------------------------------*/
#breadcrumb{
	height:40px;
/*	width:100%;
	min-width:760px;*/
	border-bottom:1px solid #cccccc;
}
#breadcrumb #bread_home{
	width:45px;
	height:40px;
	text-indent:-9999px;
	display:block;
	float:left;
	background:url(img/bread/bread_home.gif);
}#breadcrumb #bread_home:hover{background:url(img/bread/bread_home_ov.gif);}

#breadcrumb #bread_cate_s{
	width:100px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/bread_s.gif) no-repeat;
}#breadcrumb #bread_cate_l:hover{background:url(img/bread/bread_s_ov.gif) no-repeat;}

#breadcrumb #bread_cate_l{
	width:120px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/bread_l.gif);
}#breadcrumb #bread_cate_l:hover{background:url(img/bread/bread_l_ov.gif);}

#breadcrumb #bread_cate_c{
	width:150px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/bread_c.gif);
}#breadcrumb #bread_cate_c:hover{background:url(img/bread/bread_c_ov.gif);}

#breadcrumb #bread_cate_t{
	width:180px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/bread_t.gif);
}#breadcrumb #bread_cate_t:hover{background:url(img/bread/bread_t_ov.gif);}

#breadcrumb #bread_cate_i{
	width:100px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/bread_i.gif);
}#breadcrumb #bread_cate_i:hover{background:url(img/bread/bread_i_ov.gif);}


#breadcrumb #bread_cate_l_asana{
	width:70px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/l_bread_icone01.gif);
}#breadcrumb #bread_cate_l_asana:hover{background:url(img/bread/l_bread_icone01_ov.gif);}

#breadcrumb #bread_cate_l_body{
	width:70px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/l_bread_icone02.gif);
}#breadcrumb #bread_cate_l_body:hover{background:url(img/bread/l_bread_icone02_ov.gif);}

#breadcrumb #bread_cate_l_trend{
	width:70px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/l_bread_icone03.gif);
}#breadcrumb #bread_cate_l_trend:hover{background:url(img/bread/l_bread_icone03_ov.gif);}

#breadcrumb #bread_cate_l_philosophy{
	width:70px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/l_bread_icone04.gif);
}#breadcrumb #bread_cate_l_philosophy:hover{background:url(img/bread/l_bread_icone04_ov.gif);}

#breadcrumb #bread_cate_l_lifestyle{
	width:70px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/l_bread_icone05.gif);
}#breadcrumb #bread_cate_l_lifestyle:hover{background:url(img/bread/l_bread_icone05_ov.gif);}

#breadcrumb #bread_cate_l_art{
	width:70px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/l_bread_icone06.gif);
}#breadcrumb #bread_cate_l_art:hover{background:url(img/bread/l_bread_icone06_ov.gif);}



#breadcrumb #bread_cate_c_icon01{
	width:70px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/c_bread_icone01.gif);
}#breadcrumb #bread_cate_c_icon01:hover{background:url(img/bread/c_bread_icone01_ov.gif);}

#breadcrumb #bread_cate_c_icon02{
	width:70px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/c_bread_icone02.gif);
}#breadcrumb #bread_cate_c_icon02:hover{background:url(img/bread/c_bread_icone02_ov.gif);}

#breadcrumb #bread_cate_c_icon03{
	width:70px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/c_bread_icone03.gif);
}#breadcrumb #bread_cate_c_icon03:hover{background:url(img/bread/c_bread_icone03_ov.gif);}


#breadcrumb #bread_cate_c_icon04{
	width:70px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/c_bread_icone04.gif);
}#breadcrumb #bread_cate_c_icon04:hover{background:url(img/bread/c_bread_icone04_ov.gif);}


#breadcrumb #bread_cate_t_icon01{
	width:70px;
	height:40px;
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(img/bread/t_bread_icone01.gif);
}#breadcrumb #bread_cate_t_icon01:hover{background:url(img/bread/t_bread_icone01_ov.gif);}


/*--------------------------------------------
各項目サブタイトル
--------------------------------------------*/
#con_sub{
	height:140px;
}

#con_sub .con_sub_icon{
	width:110px;
	height:100px;
	margin:30px 0 10px 10px;
	float:left;
}
#con_sub .con_sub_icon .catID-asana{
	width:110px;
	height:100px;
	background:url(img/library/l_icone_01.gif);
	display:block;
}
#con_sub .con_sub_icon .catID-body{
	width:110px;
	height:100px;
	background:url(img/library/l_icone_02.gif);
	display:block;
}
#con_sub .con_sub_icon .catID-trend{
	width:110px;
	height:100px;
	background:url(img/library/l_icone_03.gif);
	display:block;
}
#con_sub .con_sub_icon .catID-philosophy{
	width:110px;
	height:100px;
	background:url(img/library/l_icone_04.gif);
	display:block;
}
#con_sub .con_sub_icon .catID-lifestyle{
	width:110px;
	height:100px;
	background:url(img/library/l_icone_05.gif);
	display:block;
}
#con_sub .con_sub_icon .catID-art{
	width:110px;
	height:100px;
	background:url(img/library/l_icone_06.gif);
	display:block;
}
#con_sub .con_sub_title{
	width:250px;
	/*height:100px;*/
	margin:50px 0 0 0;
	float:left;
}

#con_sub .user_name{
	height:70px;
	float:left;
	overflow:hidden;
	font-size:25px;
	padding:50px 20px 0 80px;
}
#con_sub .user_text{
	height:80px;
	float:left;
	padding:30px 0 0 0;
}


/*-------------------------------------------▲固定情報-------------------------------------------------------*/
/*.page-back {
position: fixed;
bottom: 25px;
right: 25px;

border-radius: 50%;
width: 45px;
height: 45px;

border:solid 1px #fff;
}*/

/*
#PageTop.bottomsmall {
    position: fixed;
    right: 50px;
    bottom: -70px;
    z-index: 20;
}*/
#PageTop {
position: fixed;
bottom: 25px;
right: 25px;

/*display: inline-block;*/
border-radius: 50%;
width: 45px;
height: 45px;

border:solid 1px #fff;
/*


    position: fixed;
    right: 50px;
    bottom: -70px;
    z-index: 20;
    width: 80px;
    height: 60px;*/
}


/****************************************
		トップ
*****************************************/
#con_block{
	width:100%;
	text-align:center;
	overflow: hidden;
}
.com_soon img{width:80%;}
.block_title_in{
	width:100%;
	height:auto;
	margin:0px;
	text-align:center;
	overflow:hidden;
	padding-top:30px;
	float:left;
}
.block_title_con_in{
	width:100%;
	height:auto;
	margin:0px;
	text-align:center;
	overflow:hidden;
	padding-top:10px;
	float:left;
}

/*-----class----------------*/
/*.class_block{
	width:228px;
	height:178px;
	float:left;
	border:1px solid #8f8f8f;
	margin:10px 0 0 10px;
	padding:5px;
	font-size:12px;
}
.class_block a{
	text-decoration:none;
	color:#444;
}.class_block a:hover{color:#999}

.class_con_img{
	width:110px;
	height:110px;
	float:left;
	}
.class_con_back{
	width:80px;
	height:103px;
	float:right;
	background:url("img/top/class/block_class_back.gif");
	padding:7px 0 0 25px;
	}
.class_block .class_con_back .class_con_day{
	font-size:11px;
}
.class_block .class_con_back .class_con_place{
	margin:15px 0 0 0;
}
.class_block .class_con_back .class_con_inst{
	margin:20px 0 0 0;
}
.class_block .class_con_title{
	margin:15px 10px 0 10px;
	float:left;
	width:210px;
	font-size:12px;
	font-weight:bold;
}*/






/****************************************
		library 一覧
*****************************************/





/****************************************
		library 投稿記事 設定類
*****************************************/



/****************************************
		library カテゴリ別
*****************************************/
#con_block_cate{
	width:100%;
}



/****************************************
		class 一覧
*****************************************/




/*/*----------------------ジャンル別クラス--------------------*/*/
#class #main_cont .class_genre{
	width:500px;
	height:30px;
	float:left;
	font-size:23px;
	line-height:35px;
	margin:10px 0 10px 70px;
}
.inst_li2{
	float:left;
	width:150px;
	height:225px;
	margin:0 15px;
	background:url(img/class/inst_back2.gif) no-repeat;
}
#class #genre_marker{
	width:500px;
	height:60px;
	font-size:27px;
	line-height:35px;
	padding-left:20px;
	float:left;
}
#class #membername{
	width:500px;
	height:30px;
}
.inst_category01{
	width:100px;
	float:left;
	margin:0 0 0 50px;
}
.inst_category02{
	width:700px;
	overflow:hidden;
	float:left;
	border:#CCC 1px solid;
	padding:20px;
}






/*------system_メニュー-------------------*/
.s_mn{
	width:618px;
	height:100px;
	overflow:hidden;
	background:url("img/system/s_mn_back.gif");
	margin:50px auto;
	font-weight:bold;
}
.s_mn .mn_lup{
	width:159px;
	height:30px;
	background:url("img/system/mn_lup.gif");
	float:left;
	text-align:center;
	padding-top:20px;
	font-size:13px;
}.s_mn .mn_lup:hover{background:url("img/system/mn_lup_ov.gif");}
/*.s_mn .mn_lup_ov{
	width:159px;
	height:30px;
	background:url("img/system/mn_lup_ov.gif");
	float:left;
	text-align:center;
	padding-top:20px;
	font-size:13px;
}.s_mn .mn_lup_ov:hover{background:url("img/system/mn_lup.gif");}
*/
.s_mn .mn_up{
	width:150px;
	height:30px;
	background:url("img/system/mn_up.gif");
	float:left;
	text-align:center;
	padding-top:20px;
	font-size:13px;
}.s_mn .mn_up:hover{background:url("img/system/mn_up_ov.gif");}
/*.s_mn .mn_up_ov{
	width:150px;
	height:30px;
	background:url("img/system/mn_up_ov.gif");
	float:left;
	text-align:center;
	padding-top:20px;
	font-size:13px;
}.s_mn .mn_up_ov:hover{background:url("img/system/mn_up.gif");}
*/
.s_mn .mn_rup{
	width:159px;
	height:30px;
	background:url("img/system/mn_rup.gif");
	float:left;
	text-align:center;
	padding-top:20px;
	font-size:13px;
}.s_mn .mn_rup:hover{background:url("img/system/mn_rup_ov.gif");}
/*.s_mn .mn_rup_ov{
	width:159px;
	height:30px;
	background:url("img/system/mn_rup_ov.gif");
	float:left;
	text-align:center;
	padding-top:20px;
	font-size:13px;
}.s_mn .mn_rup_ov:hover{background:url("img/system/mn_rup.gif");}
*/
.s_mn .mn_ldw{
	width:159px;
	height:35px;
	background:url("img/system/mn_ldw.gif");
	float:left;
	text-align:center;
	padding-top:15px;
	font-size:13px;
}.s_mn .mn_ldw:hover{background:url("img/system/mn_ldw_ov.gif");}
/*.s_mn .mn_ldw_ov{
	width:159px;
	height:35px;
	background:url("img/system/mn_ldw_ov.gif");
	float:left;
	text-align:center;
	padding-top:15px;
	font-size:13px;
}.s_mn .mn_ldw_ov:hover{background:url("img/system/mn_ldw.gif");}
*/
.s_mn .mn_dw{
	width:150px;
	height:35px;
	background:url("img/system/mn_dw.gif");
	float:left;
	text-align:center;
	padding-top:15px;
	font-size:13px;
}.s_mn .mn_dw:hover{background:url("img/system/mn_dw_ov.gif");}
/*.s_mn .mn_dw_ov{
		width:150px;
	height:35px;
	background:url("img/system/mn_dw_ov.gif");
	float:left;
	text-align:center;
	padding-top:15px;
	font-size:13px;
}.s_mn .mn_dw_ov:hover{background:url("img/system/mn_dw.gif");}
*/
.s_mn .mn_rdw{
	width:159px;
	height:35px;
	background:url("img/system/mn_rdw.gif");
	float:left;
	text-align:center;
	padding-top:15px;
	font-size:13px;
}.s_mn .mn_rdw:hover{background:url("img/system/mn_rdw_ov.gif");}
/*.s_mn .mn_rdw_ov{
	width:159px;
	height:35px;
	background:url("img/system/mn_rdw_ov.gif");
	float:left;
	text-align:center;
	padding-top:15px;
	font-size:13px;
}.s_mn .mn_rdw_ov:hover{background:url("img/system/mn_rdw.gif");}
*/






/*--------------
ツールチップ
---------------*/
a.tooltip span {
    display: none;
    width: 200px;
    padding: 5px;
    margin: 10px 0 0 -230px;
	text-align:left;
}
a.tooltip:hover span{
    display: inline;
    position: absolute;
    border: 1px solid #CCC;
    border-radius: 5px;
    background: #F7F7F7;
    color: #666;
    font-size: 12px;
    line-height: 1.6em;
}

/*---------------ページナビゲーションBK-----------------*/

.wp-pagenavi {
	padding:50px auto;
/*	min-width:760px;*/
width:100%;
	clear: both;
	text-align:center;
	margin:60px 0 30px;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
	background:#E0F5FC;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #999;
	background:#66C2EB;
	color:#fff;
}

.wp-pagenavi span.current {
	font-weight: bold;
}
/****************************************
		インスト登録ページ
*****************************************/
#inst_invite{
	max-width:760px;
	margin:10px auto;
	overflow:hidden;
}
#inst_invite .intext_box{
	width:700px;
	padding:20px 0;
	overflow:hidden;
	margin-left:30px;
	border-bottom:1px dotted #ccc;
}
#inst_invite .intext_box .inv_main{
	width:220px;
	float:left;
	padding:0 30px 0 20px;
	}
#inst_invite .intext_box .inv_main .mian{
	font-size:15px;
	font-weight:bold;
	margin-bottom:7px;
}
#inst_invite .intext_box .inv_main .messe{
	font-size:12px;
	margin-left:15px;
}
#inst_invite .intext_box .inv_main .more{
	font-size:10px;
	text-align:right;
}
#inst_invite .intext_box .inv_tbox{
	width:400px;
	float:left;
	margin-left:30px;}

/*#inst_invite ul{
		width:900px;
		margin:5px 0;
		float:left;
		}
#inst_invite ul li{
		float:left;
}
#inst_invite ul .title_area{
		text-align:right;
		width:250px;
		margin-bottom:10px;
}
#inst_invite ul .title_area .con_text{
	font-size:14px;
	font-weight:bold;
	color:#333;
}
#inst_invite .import{
	font-size:10px;
	font-weight:bold;
	color:#f36d00;
	margin-left:4px;
}
#inst_invite ul .title_area .contents{
	font-size:11px;
	line-height:14px;
	margin-top:8px;
	color:#444;
}
#inst_invite ul .con{
	width:600px;
	margin:0 20px 10px;
}
#inst_invite ul .title_area .detail{
	font-size:9px;
}
#inst_invite ul .con label{
	width:135px;
	float:left;
}


#inst_invite #main_cont_text .text_title{
	font-size:14px;
	color:#444;
	line-height:20px;
	margin:0 0 0 100px;
}
#inst_invite #portforio{
	width:300px;
	float:left;
	margin:20px 0 0 100px;
	overflow:hidden;
}
#inst_invite .invi_regist{
	font-size:22px;
	font-weight:bold;
	color:#6cc1ef;
	margin:0 0 0 80px;
	width:900px;
	float:left;
}
#inst_invite .invi_regist span{
	font-size:14px;
	color:#444;
}

#inst_invite #portforio_text{
	width:450px;
	float:right;
	margin:20px 50px 0 0;
	overflow:hidden;
}
#inst_invite #portforio_text .port_text_titel{
	width:450px;
	font-size:13px;
	font-weight:bold;
	color:#444;
	margin:20px 0 3px;
}

#inst_invite #portforio_text .port_text_bun{
	width:400px;
	font-size:12px;
	margin:0 0 10px 50px;
	line-height:18px;

}*/
/*--------BIG BOX-------*/
/*#section_img{
	width:960px;
	height:273px;
	float:left;
	margin:0 0 16px 0;
	font-family: "ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",  "MS PMincho", serif;
}
#section_me{
	width:960px;
	height:400px;
	float:left;
	margin:30px 0 20px 0;
	background:#00FF00;
}
#section_class{
	width:960px;
	height:380px;
	float:left;
	margin:30px 0 20px 0;
}
#section_more{
	width:960px;
	height:520px;
	float:left;
	margin:30px 0 20px 0;
}
#section_recommend{
	width:960px;
	height:500px;
	float:left;
	margin:30px 0 20px 0;
}*/
#secton_contact_btn{
	max-swidth:760px;
	height:140px;
	text-align:center;
	margin:40px auto 50px;
}
#secton_contact_btn .gif_text{
	font-size:12px;
	color:#333;
	}

/*-----入力エラー時表示-------*/
.wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}
.wpcf7 .wpcf7-not-valid {
    background: pink;
}
.wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 8px 35px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
    .wpcf7 .wpcf7-validation-errors {
        color: #B94A48;
        background-color: #F2DEDE;
        border: 1px solid #EED3D7;
    }
    .wpcf7 .wpcf7-mail-sent-ok {
        color: #3A87AD;
        background-color: #D9EDF7;
        border: 1px solid #BCE8F1;
    }



/*------------------BIG BOX----------------------*/

.clean{display:none;}
/*--------BIG BOX 0000000-------*/
/*#phrase{
	width:430px;
	height:80px;
	float:right;
	margin:73px 40px 0 0;
	text-align:right;
	font-size:28px;
	color:#444;
	line-height:37px;
}
#name{
	width:430px;
	height:90px;
	float:right;
	margin:10px 5px 0 0;
	text-align:right;
	font-size:90px;
	color:#444;
	letter-spacing:5px;
	line-height:100px;
}*/
#name_small{
	width:430px;
	height:90px;
	float:right;
	margin:20px 5px 0 0;
	text-align:right;
	font-size:70px;
	color:#444;
	letter-spacing:5px;
	line-height:100px;
}
#name_small_small{
	width:430px;
	height:90px;
	float:right;
	margin:20px 5px 0 0;
	text-align:right;
	font-size:40px;
	color:#444;
	letter-spacing:5px;
	line-height:100px;
}
/*--------BIG BOX 1111111-----
#infomation{
	width:540px;
	height:140px;
	float:left;
	margin:100px 0 40px 40px;
	overflow:hidden;
    position: relative;
}


#photo_01{
	width:317px;
	height:396px;
	float:right;
	margin:45px 20px 0 0 ;
	padding:5px 0 0 2px;
}
#photo_02{
	width:540px;
	height:90px;
	float:left;
	margin:60px 0 50px 40px;
	overflow:hidden;
}
#photo_02 a{
	margin:0 5px;}--*/
/*--------BIG BOX 22222222------
#area{
	width:360px;
	height:300px;
	float:left;
	margin:100px 0 30px 40px;
	overflow:hidden;
    position: relative;
}
.area_in{
	width:300px;
	padding:5px 0;
	border-bottom:1px dotted #ccc;
}
.area_in img{
	text-align:right;
	margin:-15px 0 0 250px;
	border:1px solid #fff;
}
.area_in img:hover{
	border:1px solid #ccc;
}

#schedule{
	width:460px;
	height:300px;
	float:right;
	margin:100px 35px 20px 25px ;
}-*/
/*--------BIG BOX 333333333----
#profile{
	width:880px;
	height:120px;
	float:left;
	margin:60px 0 40px 40px;
	overflow:hidden;
    position: relative;
}
#message{
	width:880px;
	height:220px;
	float:left;
	margin:60px 0 20px 40px;
	overflow:hidden;
    position: relative;
}---*/
/*--------BIG BOX 4444444-----
#friend{
	width:880px;
	height:140px;
	float:left;
	margin:60px 0 40px 40px;
	overflow:hidden;
    position: relative;
}
#vtr{
	width:280px;
	height:180px;
	float:left;
	margin:60px 0 20px 40px;
}
#sound{
	width:540px;
	height:180px;
	float:right;
	margin:60px 40px 20px 0;
	overflow:hidden;
    position: relative;
}--*/
/****************************************
		内部　ボックス　スクロール
*****************************************/
.ps-container .ps-scrollbar-x-rail {
    position: absolute; /* please don't change 'position' */
    bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 8px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color.2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
    opacity: 0.6;
    filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-y-rail {
    position: absolute; /* please don't change 'position' */
    right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
    width: 5px;
/*    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -o-transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color.2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
*/
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
    opacity: 0.6;
   filter: alpha(opacity = 60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
    background-color: #eee;
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

 .ps-container .ps-scrollbar-y-rail.in-scrolling {
    opacity: 0.9;
    filter: alpha(opacity = 90);
}

.ps-container .ps-scrollbar-x {
    position: absolute; /* please don't change 'position' */
    bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
    height: 8px;
    background-color: #aaa;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
    background-color: #999;
}

.ps-container .ps-scrollbar-y {
    position: absolute; /* please don't change 'position' */
    right: 0; /* there must be 'right' for ps-scrollbar-y */
    width: 8px;
    background-color: #c4e5f3;/*#66c2eb;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -o-transition: background-color .2s linear;
    -webkit-transition: background-color.2s linear;
    -moz-transition: background-color .2s linear;
    transition: background-color .2s linear;
}

.ps-container.ie .ps-scrollbar-y {
    font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
    background-color: #a1d8f0;
}

/****************************************
		内部　写真　拡大
*****************************************/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(img/photo_jq/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(img/photo_jq/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(img/photo_jq/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(img/photo_jq/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(img/photo_jq/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(img/photo_jq/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(img/photo_jq/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(img/photo_jq/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url(img/photo_jq/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/****************************************
		コンタクトBOX内指定
*****************************************/

/*--------CON BOX 0000000-------*/
#con_phrase{
/*	width:370px;
	height:20px;
	float:right;
	margin:73px 40px 0 500px;*/
	font-size:12px;
	color:#444;
	line-height:12px;
}
#con_stadio{
	width:370px;
	height:20px;
	font-size:12px;
	color:#444;
	line-height:12px;
}
#con_stadio_url{
	width:370px;
	height:15px;
	font-size:12px;
	color:#444;
	line-height:12px;
}
/*--------CON　BOX 1111111-------*/
#con_infomation{
	width:530px;
	height:120px;
	float:left;
	margin:60px 0 40px 40px;
	overflow:auto;
	font-size:12px;
vertical-align:top;	
}


#con_photo_01{
	width:320px;
	height:400px;
	float:right;
	margin:0 20px 0 0 ;

}
#con_photo_02{
	width:540px;
	height:90px;
	float:left;
	margin:60px 0 50px 40px;

}
/*--------BIG BOX 22222222-------*/
#con_area{
	width:350px;
	height:290px;
	float:left;
	margin:60px 0 30px 40px;
	overflow:auto;
	font-size:12px;
}
#con_schedule{
	width:450px;
	height:290px;
	float:right;
	margin:60px 40px 20px 20px ;
	font-size:12px;
	overflow:auto;
}
/*--------BIG BOX 333333333-------*/
#con_profile{
	width:870px;
	height:110px;
	float:left;
	margin:60px 0 40px 40px;
	overflow:auto;
}
#con_message{
	width:870px;
	height:210px;
	float:left;
	margin:60px 0 20px 40px;
	overflow:auto;
}
/*--------BIG BOX 4444444-------*/
#con_friend{
	width:870px;
	height:130px;
	float:left;
	margin:60px 0 40px 40px;
	overflow:auto;
}
#con_vtr{
	width:270px;
	height:170px;
	float:left;
	margin:60px 0 20px 40px;
}
#con_sound{
	width:530px;
	height:170px;
	float:right;
	margin:60px 40px 20px 0;
	overflow:auto;
}


/****************************************
　　Form　テキストエリア 設定
*****************************************/

/*-----グラデーション-----*/
input[type="text"], textarea{
	border:1px solid #ccc;
	color: #444;
	font-size:13px;
	line-height:15px;
	font-weight:normal;
	padding:8px 5px;
	
	/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#fff)
		);
	
	/* FF */
	background: -moz-linear-gradient(
		top,
		#eee,
		#fff
		);
		
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
	zoom: 1;
	}
	
input[type="submit"]{
	border: 2px solid #222;
	padding: 6px 30px;
	color: #222;
	cursor: pointer;
	background: #ddd;

	/* Webkit 
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#eee),
		to(#ccc)
		);
	*/
	/* FF 
	background: -moz-linear-gradient(
		top,
		#eee,
		#ccc
		);
	*/	
	/* IE 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffcccccc);
	zoom: 1;
	*/
	}






/****************************************
　　トップ吹き出し
*****************************************/
#open_comment {  
	width:720px;
	height:240px;
	margin:50px auto 0 ;
}  
.open_comment_inner {  
	width:100px;
	height:100px;
	margin:0 40px 20px 0;
}  

    .tooltip {  
      position: relative;  
    }  
    .tooltip .tooltipBody {  
      border: solid 1px #66c2eb;  
      -moz-border-radius: 4px;  
      -webkit-border-radius: 4px;  
      border-radius: 4px;  
      position: absolute;  
      left: 1em;  
      top: -2.7em;  
      text-decoration: none;  
      visibility: hidden;  
      padding: 5px 5px 5px 15px;  
      width: 200px;  
      zoom: 1;  
	color:#666;
    }  
    .tooltip:hover ,  
    .tooltip:onclick .tooltipBody {  
      background-color: white;  
      visibility: visible;  
      z-index: 10;  
    }  
/*    .tooltip .tooltipBody .tooltipAngle {  
      border-right: solid 10px transparent;  
      border-left-width: 0;  
      border-top: solid 10px #f98325;  
      line-height: 0;  
      position: absolute;  
      left: 1em;  
      bottom: -10px;  
    }  
    .tooltip .tooltipBody .tooltipAngle .tooltipAngleInner {  
      border-right: solid 5px transparent;  
      border-left-width: 0;  
      border-top: solid 5px white;  
      line-height: 0;  
      position: absolute;  
      left: 2px;  
      bottom: 5px;  
    }  */
      
    /*  not supported tanseparent for border by IE6. */  
    * html .tooltip .tooltipBody .tooltipAngle {  
      border-right-color: white;  
      bottom: -11px;  
    }  
    * html .tooltip .tooltipBody .tooltipAngle .tooltipAngleInner {  
      border-right-color: #66c2eb;  
    } 
	
	
/*インスト登録済みページの誘導ボタン*/	 
#inst_base_btn{
	width:960px;
	height:400px;
	float:left;
	margin:30px 0 20px 0;
}
.inst_my_page{
	width:280px;
	height:60px;
	background:url(img/top/my_page.gif);
	margin:60px 0 0 60px;
	text-indent:-9999px;
	}.inst_my_page:hover{
	background:url(img/top/my_page_ov.gif);
	}
/*閉じるボタン*/	 
.close_btn{
	width:280px;
	height:60px;
	background:url(img/inst/close_btn.gif);
	margin:60px 0 0 330px;
	text-indent:-9999px;
	}.close_btn:hover{
	background:url(img/inst/close_btn_ov.gif);
	}



/*記事下プロフィール欄*/
.ts-fab-latest li,.ts-fab-content{
	font-size:13px;
	padding-left:20px;
}
	
	
/*-----------------------------
検索フォーム
-----------------------------*/

#search {
	 text-align:center;
	 margin:0 0 50px 0;
}
#search #searchform{
}
#s  {
     width: 270px;
     height: 40px;
}  
#searchsubmit{
	vertical-align:bottom;
	margin-bottom:5px;
	}
.search_inst{
	margin:40px 0 50px 0;
	font-size:1.2em;
	font-weight:bold;
/*	padding:0 0 0 0;
	border-left:4px solid #f3a933;*/
	text-align:center;
}
.search_inst span{
		font-size:14px;
		font-weight:bold;
	}
/*------------------*/	

.signup_center #ma{
	width:760px;
	margin:40px auto 120px;
	overflow:hidden;
}

.ma_lv1{
	font-size:20px;
	font-weight:bold;
	margin: 30px 0 80px 0;
	width:760px;
	text-align:center;
}.ma_lv1 span{ font-size:15px; font-weight:bold; color:#FF6600;}
.ma_lv2{
	font-size:20px;
	margin:40px 0 30px 0;
	padding:20px 0 0 10px;
	font-weight:bold;
	border-top:1px dotted #ccc;
	width:700px;
}
.ma_lv3{
	font-size:13px;
	margin:10px  0 10px 60px;
	padding:0 0 0 30px;
	width:650px;
	cursor:pointer;	
	background:url(img/system/dw_icon.gif) no-repeat;
	text-decoration:underline;
}



/*-----------------*/
.ma_title{
	font-size:20px;
	margin:10px  0 20px 0;
	padding:4px 0 4px 20px;
	width:720px;
	background:#efefef;
}


/*-----マニュアル関係------------*/
.ma_coonbox{
	width:700px;
	margin:0 0 20px 25px;
	line-height:20px;
	font-size:13px
	}
.ma_minbox{
	width:100%;
	overflow:hidden;
	border-bottom:1px dotted #ccc;
	margin:0 0 30px 0;
	}
.ma_minbox .ma_mintitle{
	width:100%;
	font-size:15px;
	font-weight:bold;
	margin:10px;
}
.ma_minbox .ma_con{
	width:350px;
	float:left;
	margin:0 0 30px 50px;
	font-size:12px;
}
.ma_minbox .ma_con .number{
	color:#d43566;
	font-weight:bold;
}
.ma_minbox .ma_img{
	width:300px;
	float:left;
	margin:0 0 30px 30px;
}
/*-------*/
.box_ma_comment{
	width:650px;
	border:1px dotted #66c2eb;
	background:#e9f8ff;
	padding:10px;
	font-size:12px;
	margin:0 50px 30px 50px;
}
.commetn_step{
	width:700px;
	overflow:hidden;
	padding:10px 0 25px 0;
	margin:0 0 25px 30px;
	font-size:12px;
	background:#FFF;
}.commetn_step p{ float:left;}
.commetn_link{
	width:700px;
	overflow:hidden;
	margin:10px 0 25px 30px;
	font-size:12px;
}
.commetn_link p{
	float:left;
	margin-right:20px;
}
.box_ma_comment_dw{
	width:650px;
	border:1px dotted #f36d00;
	background:#fff3e9;
	padding:10px;
	font-size:12px;
	margin:0 50px 30px 50px;
}
/*-------*/

/*.vmenuitem{background-color:#ffffcc; cursor:pointer; width:100px;}*/
.vmenu_on, .vmenu_off{margin:2px 0px;}
.vmenu_on .vmenuitem{border:1px solid #cccc77; border-left:5px solid #cccc77;}
.vmenu_off .vmenuitem{border:1px solid #77cccc; border-left:5px solid #77cccc;}
.vmenu_on ul{display:auto; margin:2px auto;}
.vmenu_off ul{display:none;}
.vmenu_on .m_none{display:auto; margin:2px auto;
background:#f1f9fd;
	padding:10px;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	border:1px solid #6ec5ec;
}
.vmenu_off .m_none{display:none;}





    .cal_wrapper {
    max-width: 660px; /* 最大幅 */
    min-width: 300px; /* 最小幅 */
    margin: 2.0833% auto;
    }
     
    .googlecal {
    position: relative;
    padding-bottom: 100%; /* 縦横比 */
    height: 0;
    overflow: hidden;
    }
    .googlecal iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    }
     
    @media only screen and (min-width: 600px) {
    /* 画面幅が600px以上の場合の縦横比の指定 */
    .googlecal {
    padding-bottom: 75%;
    }
    }




/*-----------------------------
検索フォーム
-----------------------------*/

#search_are {
	 text-align:center;
	 margin:0 0 10px 0;
}
#search_are #searchform{
}
#s  {
     width: 270px;
     height: 40px;
}  
#searchsubmit{
	vertical-align:bottom;
	margin-bottom:5px;
	}
/*
.search_are{
	margin:40px 0 50px 0;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.search_are span{
		font-size:14px;
		font-weight:bold;
	}
*/

/*---フォーカス-------------------------------------*/
#foucus_co .li_u001{
	text-indent:-9999px;
	background:url(img/class/focus/ikki_bando/logo.gif) no-repeat 10px 0.9em;
}
#foucus_co .li_u002{
	text-indent:-9999px;
	background:url(img/class/focus/kazuya_yanagimoto/logo.gif) no-repeat 10px 0.9em;
}
#foucus_co .li_u003{
	text-indent:-9999px;
	background:url(img/class/focus/yuya_sarashina/logo.gif) no-repeat 10px 0.9em;
}
#foucus_co .li_u004{
	text-indent:-9999px;
	background:url(img/class/focus/kengo_nomura/logo.gif) no-repeat 10px 0.9em;
}
#foucus_co .li_u005{
	text-indent:-9999px;
	background:url(img/class/focus/naoto_nakamura/logo.gif) no-repeat 10px 0.9em;
}



/*---予約フォーム-------------------------------------*/
span.wpcf7-list-item { display: block; }



.movie {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/*---予約フォーム-------------------------------------*/
.teachertitle{
	font-size: 2em;
	padding-left: 20px;
}
.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }
.teachertitle img{
	width: 35px;
    height: 35px;
    padding-left: 20px;
    margin-right: 10px;
}