/*--------------------------------------------
ヘッダー内
--------------------------------------------*/
h1{display:none;}
#logo a{
	width:200px;
	height:85px;
	background:url(img/header/logo.gif);
	float:left;
	text-indent:-9999px;	
}#logo a:hover{	background:url(img/header/logo_ov.gif);}
#heaader_top{
	line-height:51px;
	font-size:11px;
}



/*--------------------------------------------
メニュー内
--------------------------------------------*/
#headder_bottom_670{display:none;}
#menu_btn{display:none;}
#mypage_btn{display:none;}

#headder_bottom_960{
	clear:both;
}
#headder_bottom_960 ul{
	float:left;
}
#headder_bottom_960 li{
	float:left;
}
#headder_bottom_960 li a{
	width:150px;
	height:85px;
	display:block;
	text-indent:-9999px;
}
#headder_bottom_960 .mn01 a{
	background:url(img/header/main_mn01_up.gif) no-repeat;
}
#headder_bottom_960 .mn01.current_page_item a{
	background:url(img/header/main_mn01_ov.gif) no-repeat;
}
#headder_bottom_960 .mn01 a:hover{
	background:url(img/header/main_mn01_ov.gif) no-repeat;
}
#headder_bottom_960 .mn02 a{
	background:url(img/header/main_mn02_up.gif) no-repeat;
}
#headder_bottom_960 .mn02.current_page_item a{
	background:url(img/header/main_mn02_ov.gif) no-repeat;
}
#headder_bottom_960 .mn02 a:hover{
	background:url(img/header/main_mn02_ov.gif) no-repeat;
}
#headder_bottom_960 .mn03 a{
	background:url(img/header/main_mn03_up.gif) no-repeat;
}
#headder_bottom_960 .mn03.current_page_item a{
	background:url(img/header/main_mn03_ov.gif) no-repeat;
}
#headder_bottom_960 .mn03 a:hover{
	background:url(img/header/main_mn03_ov.gif) no-repeat;
}

.sp_menu{display:none;}


/*--------------------------------------------
右広告枠
--------------------------------------------*/
#right_press_960{display:none;}

/*--------------------------------------------
下広告枠
--------------------------------------------*/
#down_p1{
	width:100%;
	height:auto;
	text-align:center;
}
#down_p1 img{
	margin:0 auto;
	width:90%;
	max-width:728px;
	height:auto;
}


/*--------------------------------------------
左メニュー
--------------------------------------------*/
.none_sidebar{display:none;}


/*--------------------------------------------
右コンテンツ
--------------------------------------------*/
#right_contents{
    width: 100%;
	overflow:hidden;
    float: right;
}
#right_contents01{
    width: 100%;
	overflow:hidden;
    float: right;
} 
.section   {
    min-width:100px;
    padding: 0;
	margin:0px;
	overflow: hidden;
} 
.section01   {
    min-width:100px;
    margin:0 150px 0 200px;
    padding: 0;
} 


/*-----pick----------------*/
#top_under_pick{
	width:100%;
	float:left;
	margin:20px 10px;
	padding:0 40px;
	box-sizing: border-box;
}
#top_under_pick #pick_left_in{
	width:50%;
	float:left;
	box-sizing:border-box;
	padding: 0 2%;
}
#top_under_pick #pick_left_in img{
	width:100%;
}
#top_under_pick #pick_left_in p{
	margin:0 100px 0 20px;
}
#top_under_pick #fb_left_in{
	width:50%;
	float:left;
}
#pick_center_in{
	text-align: left;
}




/*-------------------------------------------▲固定情報-------------------------------------------------------*/


/****************************************
		トップ
*****************************************/
.block_title_pr{
	width: 95%;
	margin: 0 auto;
}.block_title_pr img{width: 100%}

.block_title_line_l{
	width:100%;
	height:4px;
	background:#8bad33;
}
.block_title_line_c{
	width:100%;
	height:4px;
	background:#f36d00;
}
.block_title_line_t{
	width:100%;
	height:4px;
	background:#f46983;
}
.block_title_l{
	margin:0px;
	width:100%;
	height:100px;
	background:url(img/top/top_title_back_l.gif) repeat;
}
.block_title_c{
	margin:0px;
	width:100%;
	height:100px;
	background:url(img/top/top_title_back_c.gif) repeat;
}
.block_title_t{
	margin:0px;
	width:100%;
	height:100px;
	background:url(img/top/top_title_back_t.gif) repeat;
}

.block_title_t2{
	margin:0px;
	width:100%;
	height:100px;
	background:url(img/top/top_title_back_t.gif) repeat;
}


/****************************************
		library 投稿記事 一覧
*****************************************/
.l_cat_con_border{
	width:100%;
	height:1px;
    /*position: relative;*/
	background:#7f7f7f;
}

/*-----library_main1-------------------------------*/
#l_maintext,#c_maintext,#t_maintext{
	width:100%;
	overflow:hidden;
	margin:40px auto 70px;
	text-align:center;
	font-size:15px;
	line-height:23px;
}
#mainbtn_box{
	width:715px;
	padding-left:45px;
	overflow:hidden;
	margin:40px auto 50px;
	font-size:15px;
}
#mainbtn_box .main_box_con{
	width:200px;
	overflow:hidden;
	float:left;
	margin:0 35px 55px 0;
}
#mainbtn_box .main_box_con .box_contitle{
	width:200px;
	height:70px;
	text-indent:-9999px;
}
#mainbtn_box .main_box_con #box_l_contitle01{
	background: url(img/library/main_link01.gif) no-repeat;
	width:200px;
	height:70px;
}
#mainbtn_box .main_box_con #box_l_contitle02{
	background: url(img/library/main_link02.gif) no-repeat;
	width:200px;
	height:70px;
}
#mainbtn_box .main_box_con #box_l_contitle03{
	background: url(img/library/main_link03.gif) no-repeat;
	width:200px;
	height:70px;
}
#mainbtn_box .main_box_con #box_l_contitle04{
	background: url(img/library/main_link04.gif) no-repeat;
	width:200px;
	height:70px;
}
#mainbtn_box .main_box_con #box_l_contitle05{
	background: url(img/library/main_link05.gif) no-repeat;
	width:200px;
	height:70px;
}
#mainbtn_box .main_box_con #box_l_contitle06{
	background: url(img/library/main_link06.gif) no-repeat;
	width:200px;
	height:70px;
}

#mainbtn_box .main_box_con .box_con_back{
	width:170px;
	min-height:80px;
	font-size:13px;
	padding:10px 15px;
	background: url(img/library/main_link_side.gif) repeat-y;
}
#mainbtn_box .main_box_con .l_box_btn{
	width:200px;
	height:30px;
	background: url(img/library/main_link_btn.gif) repeat-y;
	text-indent:-9999px
}#mainbtn_box .main_box_con .l_box_btn:hover{background: url(img/library/main_link_btn_ov.gif) repeat-y;}

/*-----library_main2-------------------------------*/
#main_gray{
	min-width:760px;
	overflow:hidden;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	background:#f7f7f7;
	padding-bottom:100px;
	margin-bottom:50px;
}
#main_gray_in{
	width:760px;
	overflow:hidden;
	margin:0 auto;
	overflow:hidden;
}
#main_gray_in #main_gray_l{
	background:url(img/library/writer_title.gif) no-repeat;
	margin:50px 0 40px 30px;
	width:730px;
	height:50px;
	text-indent:-9999px;
	
}
#main_gray_in .witer_box{
	width:345px;
	height:170px;
	margin:0 0 0 35px;
	float:left;
}
#main_gray_in .witer_box img{
	width:125px;
	float:left;
}
#main_gray_in .witer_box_con{
	width:210px;
	height:170px;
	float:right;
	font-size:13px;
	font-weight:bold;
}
#main_gray_in .witer_box_con .witer_con{
	margin:0 0 0 20px;
}
	#main_gray_in .witer_box_con .witer_name{font-size:23px; font-weight:bolder; margin:0 0 10px 0}
	#main_gray_in .witer_box_con span{font-size:11px; font-weight:normal;}


/*-----class_main-------------------------------*/
#mainbtn_box .main_box_con .c_box_btn{
	width:200px;
	height:30px;
	background: url(img/class/main_link_btn.gif) repeat-y;
	text-indent:-9999px
}#mainbtn_box .main_box_con .c_box_btn:hover{background: url(img/class/main_link_btn_ov.gif) repeat-y;}


/*-----teacher----------------*/

.teacher_block{
/*	width:740px;
	height:380px;*/
	margin:0 0 0 20px;
	text-align: center;
}
.teacher_block .top_teacher_img{
	margin:20px 20px 20px 0;
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
	width:350px;
	height:150px;
}




/****************************************
		インストページ
*****************************************/
#inst_personal{
	width:100%;
	/*min-height:720px;*/
	overflow:hidden;
	padding-bottom:50px;
    /*position: relative;*/
	background:url("img/class/inst/personal/inst_personal.gif") repeat-x;
}

/****************************************
		library 投稿記事 設定類
*****************************************/
.l_con_detail{
	width:760px;
	margin:0 auto;
}



/*----system-----------------------*/
.signup_left{
	min-width:760px;
	overflow:hidden;
/*	margin-left:200px;*/
}
/*--------------------------------------------
フッター
--------------------------------------------*/
#footer_press{
	margin:0 auto;
	width:100%;
	height:150px;
	padding-top:60px;
}

#footer_up{display:none;}
#footer_inner{display:none;}

#footer_inner_960min{
	padding: 10px 0px;
}
#footer_inner_960min .in{
	padding: 5px 30px 0px;
}
#footer_inner_960min ul{
	text-align:center;
	font-size: 0px;
}
#footer_inner_960min li{
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 5px;
}
#footer_inner_960min li a{
	padding: 0px 10px;
	margin-left: -1px;
	text-decoration: none;
	color: #444;
	font-size: 12px;
	word-break: break-all;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}






/*-------------------------------------------▲固定情報-------------------------------------------------------*/

.topbox{
    right: 4px;
    bottom: 4px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 0px 20px 20px;
    border-color: transparent transparent #f0f/*E3E4E8*/;
    color: #FFF;
    position: absolute;
	text-indent:-9999px;
}
.class_dw_box_column > .topbox{
border-color: transparent transparent #8bad33;
}
.class_dw_box_insta > .topbox{
border-color: transparent transparent #56c080;
}
.class_dw_box_news > .topbox{
border-color: transparent transparent #8bad33;
}
.class_dw_box_focus > .topbox{
border-color: transparent transparent #f36d00;
}
.class_dw_box_ws > .topbox{
border-color: transparent transparent #f36d00;
}
.class_dw_box_area > .topbox{
border-color: transparent transparent #f3a933;
}
.class_dw_box_inst > .topbox{
border-color: transparent transparent #dd5ea3;
}


/****************************************
		トップ
*****************************************/


#con_block_670{display:none;}
.block_title_dw_670{display:none;}


/*----liblary----------------*/
#top #liblary_block{
	text-align:center;
	background:#f5f5f5;
	margin:0 auto;
	padding:20px 0;
	overflow: hidden;
}
#l_b_in{
	width:95%;
	background:#fff;
	overflow: hidden;
	margin:0 auto;
}

.l_block{
	width:31%;
	float:left;
	margin: 1% 1% 3% 1%;
	position:relative;
	background:#fff;
	height:240px;
}
#top .class_dw_box_column{
	width:95%;
	padding:0 5%;
	box-sizing:border-box;
	overflow:hidden;
	margin:0 auto;
	background:#fff;
	border-bottom:2px solid #8bad33;
	position: relative;
}
#top .class_dw_box_news{
	width:95%;
	padding:0 5%;
	box-sizing:border-box;
	overflow:hidden;
	margin:0 auto;
	background:#fff;
	border-bottom:2px solid #8bad33;
	position: relative;
}
#top .class_dw_box_favorite{
	width:95%;
	padding:0;
	box-sizing:border-box;
	overflow:hidden;
	margin:0 auto;
	background:#fff;
	border-bottom:2px solid #444;
	position: relative;
}
#top .class_dw_box_favorite #right_p1{
	width:98%;
	height:auto;
	overflow:hidden;
	margin:0 0 0 2%;	
}
#top .class_dw_box_favorite #right_p1 p{
	width:15%;
	max-width:125px;
	margin:7px 1% 0 0;
	float:left;
	height:auto;
	overflow:hidden;
}
#top .class_dw_box_favorite #right_p1 p img{
	width:100%;
	height:100%;
}

#top .class_dw_box_insta{
	width:95%;
	padding:0 5%;
	box-sizing:border-box;
	overflow:hidden;
	margin:0 auto;
	background:#fff;
	border-bottom:2px solid #56c080;
	position: relative;
}


.l_block:hover{background:url("img/library/library_img_back.gif") repeat;}
.l_block .inimg img{width:100%; height:auto;}
.l_block .li_label{
	width:70px;
	height:20px;
	top:20px;
	position:absolute;
	z-index:1;
}
.l_block .black_over{
	/*position:absolute;*/
    bottom:0px;
    left:0px;
    margin:0;
/*	background:#000000;*/
	width:100%;
	height:30%;
	padding:15px;
	color:#333;
	opacity: 0.8;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	font-size: 1em;
	text-align:left;
	line-height: 1.7;
	box-sizing: border-box;
	border-top: 3px solid #333;
	font-weight:bold;
}
.block_title_dw{
	clear:both;
	width:100%;
/*	margin:20px auto;*/
	text-align:right;
	box-sizing: border-box;
	padding:20px 50px 20px 0;	
}



/*----class----------------*/


#top #class_block{
	text-align:center;
	background:#f5f5f5;
	margin:0 auto;
	padding:20px 0;
	overflow: hidden;
}

#top .class_dw_box_ws{
	width:90%;
	padding:0 5%;
	box-sizing:border-box;
	overflow:hidden;
	margin:0 auto;
	background:#fff;
	border-bottom:2px solid #f36d00;
	position: relative;
}
#top .class_dw_box_area{
	width:98%;
	float:left;
	padding: 0 3%;
	box-sizing:border-box;
	overflow:hidden;
	margin: 0 auto;
	background:#fff;
	border-bottom:2px solid #f3a933;
	position: relative;
}
#top .class_dw_box_inst{
	width:98%;
	float:left;
	padding: 0 3%;
	box-sizing:border-box;
	overflow:hidden;
	margin: 0 auto;
	background:#fff;
	border-bottom:2px solid #dd5ea3;
	position: relative;
}
#top .c_title_1{
	width:100%;
	font-size:1.2em;
	font-weight:bold;
	padding: 20px 0 0 0;
}
#top .c_title_2{
	border-bottom:1px solid #999;
	width: 90%;
	margin: 0px 5% 10px;
	padding: 0 5%;
	box-sizing: border-box;
	font-size:0.8em;
}
#top .c_title_3{
	width:100%;
	font-size:0.8em;
	text-align:right;
	padding:10px 10% 20px 0;
	box-sizing:border-box;
}
/*--------------*/

#top .class_dw_box_inst ul{
	width:100%;
	padding:0 3%;
	box-sizing:border-box;
}
#top .c_inst_li{
	width:48%;
/*	float:left;*/
	overflow:hidden;
	text-align:left;
	border-bottom:1px dotted #aaa;
	display:inline-block;
	*display: inline;
	zoom: 1;
}
#top .c_inst_li .c_box{
	display: table;
	width: 100%;
}
#top .c_inst_li .c_inst_box1{
	display: table-cell;
	width:30%;
}
#top .c_inst_li .c_inst_box2{
	display: table-cell;
	width:70%;
	vertical-align:top;
}
#top .c_inst_li .c_inst_photo{
	width: 100%;
	padding:5px 3%;
	box-sizing:border-box;	
}
#top .c_inst_li .c_inst_photo img{
	max-width:120px;
	max-height:146px;
	width:100%;
	height:auto;
}

#top .c_inst_li .c_inst_li_name{
	width:100%;
	font-size:1em;
	overflow: hidden;
	padding:5px 0 5px 3%;
	box-sizing:border-box;	
}
#top .c_inst_li .c_inst_li_word{
	width: 100%;
	font-size: 0.7em;
	overflow: hidden;
	line-height: 15px;
	padding:5px 0 5px 3%;
	box-sizing:border-box;
}
/*--------------*/
#top .c_area_li{
width: 100%;
float: left;
box-sizing: border-box;
margin: 5px 0 10px 0px;
padding-bottom:5px;
/*border: 1px solid #DDD;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
border-radius: 8px;*/
	border-bottom:1px dotted #aaa;

}
#top .c_area_photo{
	float:left;
	width:30%;
	border:1px #999 solid;
	box-sizing:border-box;
/*		margin:5px;
	width:30%;
	height:auto;
position: relative;*/
}
#top .c_area_photo img{
	width:100%;
	height:auto;
}

#top .c_area_li_name{
	float:left;	
	width:70%;
	height:auto;
	padding:3px 0 3px 10px;
	box-sizing:border-box;
	font-size:1.2em;
	text-align:right;
	line-height:1em;
}
#top .c_area_li_word{
	float:right;	
	width:70%;
	height:outo;
	font-size:0.8em;
	padding:5px 0 0 20px;
	box-sizing:border-box;
	line-height:1.4em;
	text-align:left;
}
/*----focus----------------------*/
#top .class_dw_box_focus{
	width:90%;
	padding:0 5%;
	box-sizing:border-box;
	overflow:hidden;
	margin:0 auto;
	background:#fff;
	border-bottom:2px solid #f36d00;
	position: relative;
}
.top_focus_li{
	width:30%;
	float:left;
	padding:20px 3% 20px 0;
	font-size: 0.8em;
}
.top_focus_li img{
	width:100%;
	height:auto;
}

/*-----teacher----------------*/

.teacher_block{
/*	width:740px;
	height:380px;*/
	margin:0 0 0 20px;
	text-align: center;
}
.teacher_block .top_teacher_img{
	margin:20px 20px 20px 0;
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
	width:350px;
	height:150px;
}






/*--------------------------------------------
パン屑
--------------------------------------------*/

#breadcrumb #bread_blank{
	width:300px;
	height:40px;
	float:left;
	display:block;
	background:url(img/bread/bread_blank.gif) no-repeat;
	padding:0 0 0 40px;
	line-height:40px;
	font-size:15px;
	font-weight:bold;
	color:#999;
	
}

/****************************************
		library 投稿記事 設定類
*****************************************/
.l_con_detail_img{
/*	width:100%;*/
	min-width:760px;
	/*height:300px;
    position: relative;*/
	background:url("img/library/library_img_back.gif") repeat;
}
.l_con_detail_img_in{
	width:760px;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
.l_con_detail_day{
	margin:10px 0 40px 450px;
	height:20px;
	width:310px;
	font-size:13px;
	background: url(img/library/library_dayback.gif)  no-repeat;	
}
.l_con_detail_day .l_deta_day{
	padding:0 0 0 30px;
	float:left;
}
.l_con_detail_day .l_deta_inst{
	padding:0 0 0 60px;
	float:left;
}
.l_con_detail_title{
	width:580px;
	margin:0 0 50px 80px;
	overflow:hidden;
	color:#333;
	font-size:25px;
	line-height:37px;
}
.l_con_detail_sns{
	width:460px;
	overflow:hidden;
	/*float:left;*/
	margin:0 0 50px 150px;
}
.l_de_sns_icon{
	width:110px;
	height:70px;
	float:left;
	margin:0 5px 0 0;
}
.l_de_sns_icon_fb{
	width:70px;
	height:63px;
	float:left;
	margin:7px 20px 0;
}
.l_detail_context{
	width:600px;
	overflow:hidden;
	margin:0 0 0 100px;
	color:#333;
}
.l_detail_context .l_de_excerpt{
	font-size:18px;
	line-height:24px;
	margin:0 0 30px 0;
}
.l_detail_context .l_de_t16{
	font-size:16px;
	line-height:26px;
	margin:0 0 50px 0;
}
.l_detail_context .l_de_t24{
	font-size:24px;
	line-height:26px;
	margin:0 0 30px;
}
.l_de_writ_box{
	width:700px;
	height:90px;
	float:left;
	margin:0 0 100px 20px;
	border:1px solid #ccc;
	padding:5px 0 5px 15px;
}
.l_de_writ{
	margin:0 5px 0 0;
	float:left;
}
.write_sns_back{
	margin:0 5px 0 0;
	float:left;
	background: url(img/library/sns/write_sns_back.gif)  no-repeat;
	width:110px;
	height:40px;
	padding:40px 0 0 40px; 
	font-weight:bold;
}
.l_de_sns_icon_dw{
	margin:5px 5px 0 0;
	width:110px;
	height:70px;
	float:left;
}

#next_single{
/*	min-width:760px;*/
	overflow:hidden;
	font-size:11px;
	margin-bottom:20px;
}
/*#next_single img{
	margin:0 10px 5px 10px;
}*/
.single_left_img{
	float:left;
	width:20px;
	}
.single_right_img{
	float:right;
	width:20px;
	}

.single_left{
	float:left;
	width:100px;
	border:1px dotted #CCC;
	text-align:center;
	padding:3px;
	box-sizing: border-box;
}
.single_left img,.single_right img{
	width:100%;
}
.single_right{
	float:right;
	width:100px;
	border:1px dotted #CCC;
	padding:3px;
	text-align:center;
	box-sizing: border-box;
}

.l_detail_context p{
	line-height: 1.5;
	margin-bottom: 24px;
}

iframe[src*="youtube.com"]{width:310px; height:174px; text-align:center;} 


h4{
	text-align:center;
}
/* 見出し5 */
h5{
	font-size:22px;
	line-height:26px;
	padding:20px 0 30px 0;
	margin:15px 0;
}
 
/* 見出し6 */
h6 {
	font-size:17px;
	line-height:26px;
	padding:5px 0;
	margin:10px 0;
}
.l_detail_context .min_img{
	width:100%;
	text-align:center;
}
.l_detail_context .bold_title{
	line-height: 1.2;
	margin: 0px 0px 0.75em;
	background:#f2fbff;
	border-left:3px solid #66c2eb;
	padding: 10px 3px 10px 25px;
	font-size:17px;
	font-weight:bold;
}



/*.l_detail_context .l_de_quote{
	text-align:right;
	font-size:14px;
	color:#555;
	margin:0 0 80px 0;
}*/

h3{
	text-align:right;
	font-size:11px;
	color:#555;
	margin:0 0 80px 0;
background-color:#EfEfEf;
padding:1em 1em 1em 3em;
}
h3:before{
content:"“";
font-size:300%;
line-height:1em;
color:#999;
}

/*記事下オススメ記事*/
#related{
	clear:both;
		width:700px;
	overflow:hidden;
	margin:130px 0 100px 50px;
	color:#333;
	text-align:center;
background-color: #F9F9F9;
border: 1px solid #ccc;
padding:0 0 30px 0;

}
#related .osusu_title{
	font-size:15px;
	color:#fff;
	font-weight:bold;
	background:#ccc;
	padding:10px 0 10px 30px;
	text-align:left;
	margin:0 0 30px 0;
	}
/****************************************
		library 投稿記事 一覧
*****************************************/
.l_cat_con{
	height:250px;
	width:760px;
	margin:0 auto;
}
.l_con_img{
	height:250px;
	width:380px;
	background: url(img/library/library_img_back.gif) repeat;	
	float:left;
	text-align:center;
	overflow:hidden;
}
.l_con_maintitle{
	margin:20px 0 20px 20px;
	height:50px;
	width:350px;
	float:left;
	font-size:16px;
	font-weight:bold;
	line-height:24px;
}
.l_con_day{
	margin:10px 0 0 10px;
	height:20px;
	width:350px;
	float:left;
	font-size:13px;
	background: url(img/library/library_dayback.gif) no-repeat;	
}
.l_con_day .l_day{
	padding:0 0 0 30px;
	float:left;
}
.l_con_day .l_inst{
	padding:0 0 0 60px;
	float:left;
}
.l_context{
	width:350px;
	height:110px;
	float:left;
	font-size:13px;
	line-height:23px;
	margin:20px 10px 0 20px;
}
/*---サブメニュー-----------*/
#library #sub_mn{
	width:100%;
	margin:20px auto;
	overflow:hidden;
	padding: 0px 10px 0 0;
	box-sizing:border-box;
	font-size:13px;
}
#library #sub_mn li{
	background-color: #F0F0F0;
	height: 27px;
	width: 23%;
	float:left;
	padding-top:3px;
	margin: 0px 0px 10px 2%;
	font-size:1em;
	vertical-align:middle;
}#library #sub_mn li:hover{background:#ccc;}

#library #sub_mn li a{
	width: 100%;
	display:block;
	line-height: 200%;
	background:url(img/class/arrow_class_li.gif) no-repeat scroll 13px center transparent;
	color:#333;
}#library #sub_mn li a:hover{text-decoration:none;}

#library #sub_mn li span{
	padding-left: 25px;
}

/****************************************
		class 一覧
*****************************************/
/*-----------------------------------------------------------------------------
トップ
-----------------------------------------------------------------------------*/
#main_gray_in #main_gray_c{
	background:url(img/class/classnew_title.gif) no-repeat;
	margin:50px 0 40px 30px;
	width:730px;
	height:50px;
	text-indent:-9999px;
}


#whatnew_box{
	width:715px;
	padding-left:45px;
	overflow:hidden;
	margin:40px auto 50px;
	font-size:15px;
}
#whatnew_box .new_box{
	width:200px;
	float:left;
	margin:0 35px 35px 0;
	overflow:hidden;
}

#whatnew_box .new_box .new_box_con{
	width:198px;
	overflow:hidden;
	background:#FFF;
	border:1px solid #b2b2b2;
	float:left;
}
#whatnew_box .new_box .new_title01{
	width:200px;
	height:20px;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	border-bottom:3px solid #468cee;
	color:#468cee;
	margin:0 0 20px 0;
}
#whatnew_box .new_box .new_title02{
	width:200px;
	height:20px;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	border-bottom:3px solid #56c080;
	color:#56c080;
	margin:0 0 20px 0;
}
#whatnew_box .new_box .new_title03{
	width:200px;
	height:20px;
	font-weight:bold;
	font-size:13px;
	text-align:center;
	border-bottom:3px solid #f3a933;
	color:#f3a933;
	margin:0 0 20px 0;
}
#whatnew_box .new_box .new_btn_dw{
	width:100px;
	height:50px;
	margin:10px auto 0;
	padding-bottom:5px;
}
/*--------新着コンテンツ-----------------------------------------------------*/
.new_minicon{
	min-height:60px;
	border-bottom:1px dotted #ccc;
	width:178px;
	margin:10px;
	padding-bottom:5px;
	overflow:hidden;
}
.new_minicon .new_photo{
	width:40px;
	float:left;
	
}
.new_minicon .c_new_photo{
	width:40px;
	float:left;
	
}
.new_minicon .c_new_photo img{
	width:100%;
	height:auto;
}

.new_minicon .new_text{
	width:128px;
	float:right;
	overflow:hidden;
}
.new_minicon .new_text .new_day{
	text-align:right;
	font-size:10px;
	color:#666;
	margin:7px 7px 0 0;
}
.new_minicon .new_text .new_title{
	font-size:11px;
	
}
.new_minicon .new_text .new_title span{
	font-size:12px;
}
.new_minicon .new_text .newcon_text{
	font-size:13px;
	padding:7px 0 0 10px;
	width:128px;
word-wrap:break-all;
}

/*-----------------------------------------------------------------------------
トップ
-----------------------------------------------------------------------------*/
#mainbtn_box .main_box_con #box_c_contitle01{
	background: url(img/class/c_main_link01.gif) no-repeat;
	width:200px;
	height:70px;
}
#mainbtn_box .main_box_con #box_c_contitle02{
	background: url(img/class/c_main_link02.gif) no-repeat;
	width:200px;
	height:70px;
}
#mainbtn_box .main_box_con #box_c_contitle03{
	background: url(img/class/c_main_link03.gif) no-repeat;
	width:200px;
	height:70px;
}
/*-----------------------------------------------------------------------------
クラス内容
-----------------------------------------------------------------------------*/
/*---サブメニュー-----------*/
#class #sub_mn{
	width:100%;
	margin:20px auto;
	overflow:hidden;
	padding: 0px 10px 0 0;
	box-sizing:border-box;
}
#class #sub_mn li{
	background-color: #F0F0F0;
	height: 27px;
	width: 23%;
	float:left;
	padding-top:3px;
	margin: 0px 0px 10px 2%;
	font-size:1em;
	vertical-align:middle;
}#class #sub_mn li:hover{background:#ccc;}

#class #sub_mn li a{
	width: 100%;
	display:block;
	line-height: 200%;
	background:url(img/class/arrow_class_li.gif) no-repeat scroll 13px center transparent;
	color:#333;
}#class #sub_mn li a:hover{text-decoration:none;}

#class #sub_mn li span{
	padding-left: 25px;
}
/*#class #sub_mn li:first-child{
	margin-left:2%;
}*/
/*#class #sub_mn li a{
	width:100px;
	height:55px;
	display:block;
	font-size:1em;
}*/
/*#class #sub_mn li a#sub01{
	background:url(img/class/inst/btn_01.gif) no-repeat;
}
#class #sub_mn li a#sub01_ov{
	background:url(img/class/inst/btn_01_ov.gif) no-repeat;
}
#class #sub_mn li a#sub01:hover{
	background:url(img/class/inst/btn_01_ov.gif) no-repeat;
}
#class #sub_mn li a#sub02{
	background:url(img/class/inst/btn_02.gif) no-repeat;
}
#class #sub_mn li a#sub02_ov{
	background:url(img/class/inst/btn_02_ov.gif) no-repeat;
}
#class #sub_mn li a#sub02:hover{
	background:url(img/class/inst/btn_02_ov.gif) no-repeat;
}
#class #sub_mn li a#sub03{
	background:url(img/class/inst/btn_03.gif) no-repeat;
}
#class #sub_mn li a#sub03:hover{
	background:url(img/class/inst/btn_03_ov.gif) no-repeat;
}
#class #sub_mn li a#sub03_ov{
	background:url(img/class/inst/btn_03_ov.gif) no-repeat;
}*/
#class #clear{
	clear:both;
}
/*---サブメニュー-----
#class #sub_mn{
	width:760px;
	margin:50px auto;
	overflow:hidden;
}
#class #sub_mn li{
	float:left;
}
#class #sub_mn li + li{
	margin-left:20px;
}
#class #sub_mn li a{
	width:240px;
	height:55px;
	display:block;
	text-indent:-9999px;
}
#class #sub_mn li a#sub01{
	background:url(img/class/inst/btn_01.gif) no-repeat;
}
#class #sub_mn li a#sub01_ov{
	background:url(img/class/inst/btn_01_ov.gif) no-repeat;
}
#class #sub_mn li a#sub01:hover{
	background:url(img/class/inst/btn_01_ov.gif) no-repeat;
}
#class #sub_mn li a#sub02{
	background:url(img/class/inst/btn_02.gif) no-repeat;
}
#class #sub_mn li a#sub02_ov{
	background:url(img/class/inst/btn_02_ov.gif) no-repeat;
}
#class #sub_mn li a#sub02:hover{
	background:url(img/class/inst/btn_02_ov.gif) no-repeat;
}
#class #sub_mn li a#sub03{
	background:url(img/class/inst/btn_03.gif) no-repeat;
}
#class #sub_mn li a#sub03:hover{
	background:url(img/class/inst/btn_03_ov.gif) no-repeat;
}
#class #sub_mn li a#sub03_ov{
	background:url(img/class/inst/btn_03_ov.gif) no-repeat;
}
#class #clear{
	clear:both;
}------*/

/*---項目タイトル-----------*/
#class #main_cont{
	width:720px;
	overflow:hidden;
	margin:0 auto;
}
#class #main_cont h2{
	width:760px;
	height:55px;
}
#class #main_cont .h_genre{
	width:580px;
	height:45px;
	padding:20px 0 10px 70px;
	background:url(img/class/inst/inst_title_sub.gif) no-repeat;
	margin:0 0 0 70px;
	font-size:20px;
}
.dw_h_genre{
	width:600px;
	height:45px;
	padding:0 0 10px 50px;
	font-size:13px;
}
#class #main_cont_text{
	margin:20px 0 40px;
	width:720px;
	padding-bottom:10px;
}
#class #main_cont_text p{
	margin:0 0 0 40px;
	font-size:12px;
}
#class #main_cont_text .text_title{
	font-size:14px;
	color:#444;
	line-height:20px;
	margin:10px 0 30px 40px;
}

/*--------------------------------------------
クラス内容------メイン
--------------------------------------------*/
.inst_item_title{
	width:720px;
	height:60px;
	margin:30px auto;
	float:left;
	}
	.inst_item_title p{
		text-align:right;
		font-size:14px;
	}
#inst_line{
	width:720px;
	margin:0 0 30px 0;
	float:left;
}
.inst_li_670{display:none;}

.inst_li{
	float:left;
	width:150px;
	height:225px;
	margin:0 15px 15px;
	background:url(img/class/inst/inst_back.gif) no-repeat;
}
.inst_photo{
	margin:17px 3px 0 16px;
	width:120px;
	height:146px;
	position: relative;
}
.inst_photo img{
    position: absolute;
    clip: rect(0px 120px 146px 0px);
}

.inst_li_name{
	width:120px;
	height:22px;
	margin:3px 0 5px 20px;
	font-size:14px;
	text-align:center;
}
.inst_li_word{
width: 150px;
height: 50px;
text-align: center;
font-size: 12px;
overflow: hidden;
line-height: 15px;
}

/*--------------------------------------------
クラス内容------サイドバー２
--------------------------------------------*/
#sidebar{
	width:718px;
/*	border:1px solid #999;*/
	float:left;
	margin-left:20px;
	}
#sidebar ul{
	margin-left:20px;
	width:150px;
	float:left;
	font-size:13px;
	border-right:1px solid #ccc;
	line-height:12px;
}
#sidebar li{
	margin:5px 0;
	margin-left:20px;
	width:150px;
	float:left;
	font-size:13px;
	line-height:12px;
	list-style:none;
}

/****************************************
		インストページ
*****************************************/
.c_con_detail_sns{
	width:460px;
	overflow:hidden;
	margin:100px auto 100px;
}
.c_de_sns_icon{
	width:110px;
	height:70px;
	float:left;
	margin:0 5px 0 0;
}
.single_inst_670{display:none;}



#inst_all{
	font-size:13px;
	line-height:20px;
} 
#inst_personal_line{
	width:100%;
	min-width:760px;
	margin:50px 0 50px 0;
	height:25px;
    /*position: relative;*/
}
#inst_personal_line{
	width:100%;
	margin:40px 0 40px 0;
	height:25px;
}
.h_instgenre{
	width:90%;
	margin:40px 0 20px 5%;
	float:left;
	padding:10px 40px;
	box-sizing:border-box;
	height:auto;
	background:#f3a933;
	font-size:1.3em;
	text-align:center;
	color:#fff;
	overflow:hidden;	
	position: relative;
}.h_instgenre span{font-size:0.8em;color:#333;}
/*-------------------エリア01＿名前-------------------*/

#inst_personal #area01_name{
	min-width:440px;min-height:270px;overflow:hidden;
	background:#fff4e3;
    /*position: relative;*/
    padding: 0;
	float:right;
	margin:0 auto;
}

/*-------------------各エリア　inst_area-------------------*/
#inst_area{
	width:760px;
	overflow:hidden;
	margin:0 auto;
	overflow:hidden;
}

/*---01---
#inst_personal #area01_name #top_back01{
	background:url(img/inst/back_top.gif);
	width:490px;
	height:270px;
	text-indent:-9999px;
	float:left;
}*/


/****************************************
		インスト登録ページ
***********************************/
#inst_contact{
	width:760px;
	margin:0 auto 0;
	overflow:hidden;
}
.inst_con_bimg{
	margin-bottom:50px;}
/*
#inst_invite{
	width:760px;
	margin:10px auto 50px;
	padding-bottom:50px;
	background:#00F;
	background:#F0F;
	overflow:hidden;
	height:200px;
}
#inst_invite ul{
	width:760px;
		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{
	width:960px;
	height:70px;
	float:left;
	text-align:center;
	margin:40px 0 50px 0;
}*/
/*-----確認チェックボックス---
#real{
	width:528px;
	height:90px;
	float:left;
	font-size:14px;
	color:#666;
	padding:10px 0 0 70px;
	margin:50px 150px;
	border:1px solid #ccc;
	line-height:40px;
}
.essential{
	color:#ff8839;
	font-size:11px;
}--*/
#confirmation_01{
	width:800px;
	height:27px;
	float:left;
	text-align:center;
	font-size:14px;
	color:#666;
	margin:20px 0 0 100px;
}
#confirmation_02{
	width:598px;
	height:27px;
	float:left;
	text-align:center;
	font-size:14px;
	color:#666;
	margin:20px 150px 0;
	background:#fbece2;
	border:1px solid #ff8839;
}
#secton_contact_btn_02{
	width:900px;
	height:70px;
	float:left;
	text-align:center;
	margin:40px 0 50px;
}

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

.clean{display:none;}
/*--------BIG BOX 0000000-------*/
#phrase{
	width:430px;
	height:80px;
	float:right;
	margin:60px 40px 0 0;
	text-align:right;
	font-size:28px;
	color:#444;
	line-height:37px;
}
#name{
	clear:both;
	overflow:hidden;
	height:100px;
	float:right;
	margin:10px 45px 0 40px;
	padding:0 0 13px 0;
	text-align:right;
	font-size:500%;
	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:420px;
	float:left;
	overflow:hidden;
	padding:45px 0 0 0;
	background:url(img/class/inst/personal/info_back.gif) no-repeat;
}
#about_back{
	width:380px;
	overflow:hidden;
	padding:20px 20px 10px 20px;
	background:url(img/class/inst/personal/about_back_line.gif) repeat-y;
	word-break: break-all;
	font-size:12px;
}
#about_back img{
	padding-top:10px;
}
#photo_02{
	width:420px;
	float:left;
	overflow:hidden;
	padding:45px 0 0 0;
	background:url(img/class/inst/personal/photo_back.gif) no-repeat;
}

#photo_01{
	width:320px;
	height:410px;
	float:right;
	padding:10px 13px 0 7px;
	text-align:center;
	background:url(img/class/inst/personal/photbig_back.gif) no-repeat;
}
#photo_02 a{
	margin:0 5px;}
/*--------BIG BOX 22222222-------*/
#area{
	width:760px;
	float:left;
	overflow:hidden;
	padding:45px 0 0 0;
	background:url(img/class/inst/personal/area_back.gif) no-repeat;
}
.area_in{
	width:300px;
	padding:5px 0;
	margin:0 20px;
	border-bottom:1px dotted #ccc;
	float:left;
}
.area_in img{
	text-align:right;
	margin:-15px 0 0 250px;
	border:1px solid #fff;
}
.area_in img:hover{
	border:1px solid #ccc;
}
#aboutmy_back{
	width:700px;
	overflow:hidden;
	padding:20px 40px 10px 20px;
	background:url(img/class/inst/personal/aboutmy_back_line.gif) repeat-y;
}
#schedule{
	width:760px;
	float:left;
	overflow:hidden;
	padding:45px 0 0 0;
	background:url(img/class/inst/personal/schedule_back.gif) no-repeat;
}
/*--------BIG BOX 333333333-------*/
#profile{
	float:left;
	width:760px;
	float:left;
	overflow:hidden;
	padding:45px 0 0 0;
	background:url(img/class/inst/personal/profile_back.gif) no-repeat;
}
#message{
	float:left;
	width:760px;
	float:left;
	overflow:hidden;
	padding:45px 0 0 0;
	background:url(img/class/inst/personal/message_back.gif) no-repeat;
}
/*--------BIG BOX 4444444-------*/
#vtr{

	float:left;
	width:350px;
	overflow:hidden;
	padding:45px 0 0 0;
	background:url(img/class/inst/personal/vtr_back.gif) no-repeat;
}
#etc{
	float:left;
	width:410px;
	overflow:hidden;
	padding:45px 0 0 0;
	background:url(img/class/inst/personal/etc_back.gif) no-repeat;
}
#reco1_back{
	width:350px;
	overflow:hidden;
	padding:20px 20px 10px 20px;
	background:url(img/class/inst/personal/reco1_back_line.gif) repeat-y;
}
#reco2_back{
	width:370px;
	overflow:hidden;
	padding:20px 20px 10px 20px;
	background:url(img/class/inst/personal/reco2_back_line.gif) repeat-y;
}


/****************************************
		エリアページ
*****************************************/

-#are_personal{
	width:100%;
	/*min-height:720px;*/
	overflow:hidden;
	padding-bottom:50px;
	margin-left:200px;
    /*position: relative;
	background:url("img/class/inst/personal/inst_personal.gif") repeat-x;*/
}
#back_arebox{
	width:760px;
	margin:0 auto;
	border:1px solid #ccc;
	border-top:5px solid #66c2eb;
	box-sizing: border-box;
	background:#eff9fd;
}

/*-------------------エリア01＿名前-------------------*/
#are_personal #area01_name{
	min-width:440px;min-height:270px;overflow:hidden;
	/*background:#fff4e3;*/
    padding:0 30px 30px 0;
}
/*--------BIG BOX 0000000-------*/
#are_name{
	clear:both;
	overflow:hidden;
	min-height:70px;
	max-width:700px;
	float:right;
	margin:10px 10x 0 10px;
	padding:50px 0 0 0;
	text-align:right;
	font-size:300%;
	color:#444;
	letter-spacing:5px;
	line-height:60px;
	font-weight:bold;
	width:100%;
}#are_name:first-letter{
    font-size: 3em;
}
#are_phrase{
	width:350px;
	max-height:200px;
	float:right;
	text-align:right;
	font-size:16px;
	color:#444;
	margin-top:50px;
	line-height:25px;
	overflow:hidden;
}
#are_photo_01{
	width:300px;
	height:170px;
	overflow:hidden;
	float:left;
	margin:10px 13px 0 30px;
	border:3px solid #66c2eb;
	text-align:center;
}
/*-------------------各エリア　inst_area-------------------*/
#are_photo_area{
	width:760px;
	margin:0 auto;
	overflow:hidden;
}
#are_photo_02{
	width:720px;
	text-align:center;
}
#are_photo_02 a{
	margin:0 20px;}
#are_infomation_left{width:340px; float:left; overflow:hidden; margin-right:20px;}
#are_infomation_right{width:400px; float:right; overflow:hidden;}

#are_stguide{
	width:100%;
	overflow:hidden;
	padding:10px 20px 10px 20px;
	margin-bottom:25px;
	border:1px solid #eee;
	word-break: break-all;
	font-size:12px;
	box-sizing: border-box;

	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;	
	
}
#are_map{
	width:100%;
	overflow:hidden;
	padding:5px;
	margin-bottom:10px;
	border:1px solid #ccc;
	box-sizing: border-box;
	font-size:12px;

	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;	
}

#are_stguide img{
	padding-top:10px;
}

/*-------------------各エリア　studio_guide-------------------*/
/*-------------------各エリア　studio_concept-------------------*/

#are_profile{
	width:100%;
	overflow:hidden;
	padding:10px 20px 10px 20px;
	margin-bottom:25px;
	border:1px solid #eee;
	box-sizing: border-box;
	font-size:12px;
	border-collapse: collapse;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;	
}

.are_boxtitle{
	width:100%;
	background:#eee;
	overflow:hidden;
	border-left:25px solid #66c2eb;
	font-size:16px;
	padding:5px 0 3px 15px;
	font-weight:bold;
}.are_boxtitle span{ font-size:0.7em; font-weight:normal; padding-left:10px;}


#are_btn{
	width:100%;
	overflow:hidden;
	padding:5px;
	margin-bottom:25px;
	border:1px solid #eee;
	box-sizing: border-box;
}
#are_btn ul{
	width:630px;
	overflow:hidden;
	margin:0 auto;
	}
#are_btn li{
	float:left;
	width:50px;
	height:65px;
	overflow:hidden;
	background:#0F0;
	padding:10px 20px;
}
#are_btn .are_btn01{background:url(img/class/area/are_btn01_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn02{background:url(img/class/area/are_btn02_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn03{background:url(img/class/area/are_btn03_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn04{background:url(img/class/area/are_btn04_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn05{background:url(img/class/area/are_btn05_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn06{background:url(img/class/area/are_btn06_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn07{background:url(img/class/area/are_btn07_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn08{background:url(img/class/area/are_btn08_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn09{background:url(img/class/area/are_btn09_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn10{background:url(img/class/area/are_btn10_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn11{background:url(img/class/area/are_btn11_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn12{background:url(img/class/area/are_btn12_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn13{background:url(img/class/area/are_btn13_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn14{background:url(img/class/area/are_btn14_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn15{background:url(img/class/area/are_btn15_ov.gif) 20px 10px no-repeat;}
#are_btn .are_btn16{background:url(img/class/area/are_btn16_ov.gif) 20px 10px no-repeat;}




/*---エリア一覧ページ-------------------------*/
.area_halfbox_l{
	width:42%;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	margin:20px 3% 20px 7%;
	
padding: 20px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
border-radius: 8px 8px 0px 0px;	
	
}
.area_halfbox_r{
	width:42%;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	margin:20px 6% 20px 0;
	
padding: 20px;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
border-radius: 8px 8px 0px 0px;	
}

.area_box_header{
overflow: hidden;
margin: -20px -20px 15px;
background: none repeat scroll 0% 0% #F7ECCE;
padding: 10px 20px 7px;
border-width: 4px 4px medium;
border-style: 1px solid none;
border-color: #FFF #FFF -moz-use-text-color;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
border-radius: 5px 5px 0px 0px;
font-weight: 700;
font-size: 90%;
}


#area_line{
	width:100%;
	padding:0 0 50px 0;
	overflow:hidden;
/*	float:left;*/
}
.area_li_670{display:none;}

.area_ul{
	width:90%;
	margin:0 5%;
	overflow: hidden;
}
.area_li{
	float:left;
	box-sizing:border-box;
	width:47%;
	height:225px;
	margin:20px 3% 20px 0;
	border:1px solid #ddd;
	
	padding: 20px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	border-radius: 8px;	
	position: relative;
}
.areali_up{
	width:100%;
	overflow:hidden;
	max-height:125px;
}
.areali_dw{
	width:100%;
	max-height:55px;
	overflow:hidden;
/*position: absolute;*/
bottom: 20px;	
}
.area_photo{
	float:left;
	width:40%;
	border:1px #999 solid;
	box-sizing:border-box;
/*		margin:5px;
	width:30%;
	height:auto;
position: relative;*/
}
.area_photo img{
	width:100%;
	height:auto;
}

.area_li_name{
	float:left;	
	width:60%;
	height:auto;
	padding:3px 0 5px 20px;
	box-sizing:border-box;
	font-size:1.4em;
	text-align:right;
	line-height:1.3em;
	font-weight:bold;
}
.area_li_word{
	float:right;	
	width:60%;
	height:outo;
	font-size:0.9em;
	padding:10px 0 20px 20px;
	box-sizing:border-box;
	line-height:1.4em;
}
.areali_dw .min_img{
	width:20%;
	max-height:65px;
	box-sizing:border-box;
	padding:0 5px;
	float:left;
}
.areali_dw .min_img img{
	width:100%;
	height:auto;
}
.area_address{
	float:right;
	width:20%;
	background:#eee;
	color:#444;
	font-size:0.8em;
	text-align:center;
	line-height:1.2em;
	padding:4px 0;
position: absolute;
right: 20px;
bottom: 0px;	
	}


/*-------------------------
スタジオ検索結果ページ
--------------------------*/
.are_map{
	width:100%;
	text-align:center;
}.are_map img{ max-width:100%; height:auto;}

.are_s_title{
	width:100%;
	overflow:hidden;
	float:left;
}


.h_aregenre{
	width:60%;
	margin:40px 0 20px 5%;
	float:left;
	padding:10px 40px;
	box-sizing:border-box;
	height:auto;
	background:#56c080;
	font-size:1.3em;
	text-align:center;
	color:#fff;
	overflow:hidden;	
	position: relative;
}.h_aregenre span{font-size:0.8em;color:#333;}
.h_aregenre:before{
content: "";
position: absolute;
bottom:-60%;
right: 50%;
border: 12px solid transparent;
border-top: 12px solid #f3a933;
}
.s_serch_right{
	height:10px;
	width: 25%;
	float: right;
	margin: 70px 5% 0px 0px;
	background:url(img/class/area/s_serch_right.gif) repeat;
}

#are_serch_line{
	width:60%;
	margin:20px 5% 100px;
	float:left;
	padding:10px 2%;
	box-sizing:border-box;
	overflow:hidden;
}
#are_serch_line .are_serch_li{
	margin:10px 0;
	width:100%;
	padding:5px;
	box-sizing:border-box;
	border-bottom:1px dotted #888;
	overflow:hidden;
}
.are_s_li_photo{
	width:30%;
	padding:10px 5% 5px 5%;
	box-sizing:border-box;
	float:left;
	min-height:60px;
}.are_s_li_photo img{ max-width:100%; height:auto;}
.are_s_li_name{
	font-size:1.4em;
	width:70%;
	float:right;
	padding:0 0 10px 0 ;
	box-sizing:border-box;
	min-width:260px;
}
.are_s_li_word{
	font-size:0.9em;
	line-height:1.2em;	
	width:70%;
	float:right;
	padding:0 5% 7px 5%;
	box-sizing:border-box;
}
.are_s_ad{
	width:120px;
	float:right;
	margin:6px 20px 0 0;
	background:#eee;
	color:#444;
	font-size:0.8em;
	text-align:center;
	line-height:1.2em;
	padding:4px 0;
	}


/*----------------------------
右スペシャルエリア
------------------------------*/
.are_s_right{
	width:25%;
	padding:10px 2% 20px;
	box-sizing:border-box;
	border:1px solid #999;
	float:right;
	margin:0 5% 0 0;
	overflow:hidden;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}
.w_special_img{
	width:5%;
	float:left;
}.w_special_img img{width:100%;}
.are_r_special_title{
	color:#999;
	font-size:1.3em; line-height:0.8em;
	margin:5px 0 40px 20px;
		float:left;

}.are_r_special_title span{ margin:0 0 0 30px; font-size:0.6em; color:#444;}



/*--------------------------------------------
クラス内容------サイドバー２
--------------------------------------------*/
#sidebar_are ul{
}
#sidebar_are li{
	margin-left:20px;
	float:left;
	font-size:90%;
	/*border:1px solid #ccc;*/
	list-style:none;
}
#sidebar_are_jan li{
	margin:0 7px 0 5px;
	float:left;
	font-size:90%;
	/*border:1px solid #ccc;*/
	list-style:none;
}
#aidebar_area_con{
	width:100%;
	margin:0 0 5px 0;
	float:left;
}
/*-- エリア登録画面-----------*/
/*----system-----------------------*/
.signup_signup{
	min-width:760px;
	border-bottom:4px solid #66c2eb;
}
.signup_title{
	width:550px;
	height:auto;
	margin:10px 0 0 50px;
	vertical-align:bottom;
}
.signup_title span{
	font-size:220%;
	color:#66c2eb;
}
.signup_center{
	width:760px;
	overflow:hidden;
	margin:0 auto 60px;
}
.signup_center .banner_title{
	font-size:120%;
	margin:50px 0 10px 30px;
	
}
.signup_center .pimg{
	margin:10px 0 10px 50px;
	
}
.signup_center .pimg2{
	margin:0 0 0 100px;
}

.signup_con1{
	width:760px;
	overflow:hidden;
	text-align:center;
	margin:30px 0 20px 0;
}
/*.signup_con2{
	width:720px;
	overflow:hidden;
	text-align:center;
	margin:15px 0 0 40px;
}*/
.signup_center .signup_box{
	width:760px;
	margin:40px auto 70px;
	overflow:hidden;
}
.signup_box .min_con{
	width:350px;
	overflow:hidden;
	margin:50px 0 10px 0;
	float:left;
}
.signup_box .signup_contitle{
	width:350px;
	margin-bottom:20px;
	height:auto;
}
.signup_box .sig_btn{
	width:350px;
	height:150px;
	
}
/*---signup修正-----------------------------------*/
.min_con a{
	color:#333;
}.min_con a:hover{
	text-decoration:none;
	color:#666;
}
.signup_box .sig_btn_vl2{
	width:310px;
	height:130px;
	margin:10px 20px;
	padding:15px;
	box-sizing:border-box;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
	border: 1px solid #DDD;
	background:#f5f5f5;
}.signup_box .sig_btn_vl2:hover{
	background:#efefef;
}
.signup_box .sig_btn_vl2 .sig_l_title{
	font-size:1.7em;
	font-weight:bold;
	padding-left:5px;
	margin:0 0 0 10px;
	border-left:6px solid #8bad33;
}
.signup_box .sig_btn_vl2 .sig_c_title{
	font-size:1.7em;
	font-weight:bold;
	padding-left:5px;
	margin:0 0 0 10px;
	border-left:6px solid #f36d00;
}
.signup_box .sig_btn_vl2 .sig_t_title{
	font-size:1.7em;
	font-weight:bold;
	padding-left:5px;
	margin:0 0 0 10px;
	border-left:6px solid #f46983;
}
.signup_box .sig_btn_vl2 .sig_o_title{
	font-size:1.7em;
	font-weight:bold;
	padding-left:5px;
	margin:0 0 0 10px;
	border-left:6px solid #1d1d1d;
}
.signup_box .sig_btn_vl2 .sig_t_subtitle{
	font-size: 1.3em;
	padding-left: 25px;
	margin: 15px 10px;
	color: #777;
}
.signup_box .sig_btn_vl2 .sig_t_con{
	font-size: 1em;
	color: #66C2EB;
	display: inline-block;
	width: 60%;
	line-height:1.1em;
}
.signup_box .sig_btn_vl2 .sig_t_link_l{
	font-weight: bold;
	font-size: 1em;
	color: #8BAD33;
	display: inline-block;
	width: 30%;
	line-height: 1;
}
.signup_box .sig_btn_vl2 .sig_t_link_c{
	font-weight: bold;
	font-size: 1em;
	color: #f36d00;
	display: inline-block;
	width: 30%;
	line-height: 1;
}
.signup_box .sig_btn_vl2 .sig_t_link_t{
	font-weight: bold;
	font-size: 1em;
	color: #f46983;
	display: inline-block;
	width: 30%;
	line-height: 1;
}
.signup_box .sig_btn_vl2 .sig_t_link_o{
	font-weight: bold;
	font-size: 1em;
	color: #1d1d1d;
	display: inline-block;
	width: 30%;
	line-height: 1;
}

.sig_text{
	width:760px;
	margin:10px 0 10px 0;
	font-size:13px;
	color:#444;
}
.sig_text span{
	font-size:18px;
	line-height:40px;
	color:#333;
}
/*.signup_center .signup_box p{float:left;}*/

#s_mn_670{display:none;}
#s_mn_960{display:none;}


/****************************************
		エリア登録ページ
*****************************************/
#area_invite_670{display:none;}
#area_invite{
	max-width:760px;
	margin:10px auto;
	overflow:hidden;
}
#area_invite .intext_box{
	width:700px;
	padding:20px 0;
	overflow:hidden;
	margin-left:30px;
	border-bottom:1px dotted #ccc;
}
#area_invite .intext_box .inv_main{
	width:220px;
	float:left;
	padding:0 30px 0 20px;
	}
#area_invite .intext_box .inv_main .mian{
	font-size:15px;
	font-weight:bold;
	margin-bottom:7px;
}
#area_invite .intext_box .inv_main .messe{
	font-size:12px;
	margin-left:15px;
}
#area_invite .intext_box .inv_main .more{
	font-size:10px;
	text-align:right;
}
#area_invite .intext_box .inv_tbox{
	width:400px;
	float:left;
	margin-left:30px;}

/*-----確認チェックボックス-----*/
#area_invite #real{
	font-size:14px;
	color:#666;
	padding:10px 0 0 3%;
	margin:10px auto;
	border:1px solid #66c2eb;
	line-height:40px;
	overflow:hidden;
	width:528px;
}
#area_invite #real .real_text{
	width:100%;
}
#area_invite #real .real_box{
	width:70%;
	margin:0 auto;
}
#area_invite .essential{
	color:#ff8839;
	font-size:11px;
}
#confirmation03{
	font-size:13px;
	max-width:550px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
/* =============================================================================
	お問い合わせ
   ========================================================================== */

#contact{
	font-size:13px;
}
.contact_box{
	width:100%;
	max-width:600px;
	margin:0 auto;
	padding:0 10px;
	box-sizing:border-box;
	overflow:hidden;
}
/*#contact #contact_con{
	max-width:760px;
	height:600px;
	margin:0 auto 100px;
}*/
#contact .con_line{
	padding:0 0 1em 0;
	border-top:1px solid #37a3dd;
	border-left:1px solid #37a3dd;
	border-right:1px solid #37a3dd;
	vertical-align:middle;
border-collapse: collapse;/*	width:100%;*/
}
#contact .con_line_last{
	border-bottom:1px solid #37a3dd;
}
#contact .table-items {
/*	width:100%;*/
	background-color:#ceeeff;
	color:#333;
	font-size:1.2em;
	line-height:2em;
	padding:0 0 0 1em;
	margin:0 0 1em 0;

}
#contact .table-box{
	padding:0 0 0 2em;
	}
#contact .wpcf7-mail-sent-ok{
	text-align:center;
	font-size:18px;
	color:#fff;
	background:#0075c4;
}
#complement{
	width:760px;
	margin:10px auto;
	color:#777;

	}
#submit{
	width:170px;
	height:60px;
	background:#fff;
	margin:20px auto;
	overflow : hidden;
	cursor: pointer; 
}
#submit input[type="image"] { 
	text-indent: -9999px; 
	border: none; 
}
#confirmation{
	font-size:13px;
	max-width:550px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}
#confirmation p{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-top:20px;
}

#reserve #contents{
	width:780px;
}
#reserve #contact_con{
	width:500px;
	margin:0 auto 100px;
}
#reserve td {
	padding:1em;
	border:1px solid #37a3dd;
	vertical-align:middle;
}
#reserve .table-items {
	width: 200px;
	background-color:#ceeeff;
	color:#333;
	font-size:14px;
}

#reserve label{
	width:300px;
	float:left;
	color:#444;
	font-size:13px;
	
	}
#reserve .wpcf7-mail-sent-ok{
	text-align:center;
	font-size:18px;
	color:#fff;
	background:#0075c4;
}
.table_font{
	color:#444;
	font-size:13px;
}
/*--table01----------------------------------*/
#reserve_table01{
	width:400px;
	float:left;
	margin:0 0 0 50px;
}
#reserve_table01 .table-items {
	width: 100px;
	background-color:#ceeeff;
	color:#333;
	font-size:14px;
	background:#00FF00;
}
/*--table02----------------------------------*/
#reserve_table02{
	width:400px;
	float:right;
	margin:0 20px 50px 0; 
}
#reserve_table02 .table-items {
	width: 100px;
	background-color:#ceeeff;
	color:#333;
	font-size:14px;
	background:#00FF00;
}


/*#reserve_3 #contact_con{
	width:700px;
	margin:0 auto 100px;
}*/
/*--table03----------------------------------*/
#reserve_table03{
  border-collapse: collapse;
  border-spacing: 0;
	float:left;
	margin:0 0 50px 50px;
  
}
#reserve_3 th{
	background-color: #CEEEFF;
	border:1px solid #37A3DD;
}

#reserve_3 td {
	border:1px solid #37A3DD;
	width:123px;
	text-align: center;
	vertical-align:top;
	background-color: #FFFFFF;
}
#reserve_3 .table-items {
	width: 200px;
	background-color:#ceeeff;
	color:#333;
	font-size:14px;
}
#reserve_3 .day{
	width:123px;
	margin:0px;
	overflow:hidden;
	float:left;
	border-bottom:dotted 1px #999;
	background:#eee;
}
#reserve_3 .day_sun{
	width:123px;
	margin:0px;
	overflow:hidden;
	float:left;
	border-bottom:dotted 1px #999;
	background:#ffcce1;
}
#reserve_3 .day_sat{
	width:123px;
	margin:0px;
	overflow:hidden;
	float:left;
	border-bottom:dotted 1px #999;
	background:#94d3fe;
}

#reserve_3 label{
	width:118px;
	float:left;
	color:#444;
	font-size:12px;
	height:22px;
	overflow:hidden;
	text-align:left;
	padding:0 0 0 5px;
	
	}
#reserve_3 .wpcf7-mail-sent-ok{
	text-align:center;
	font-size:18px;
	color:#fff;
	background:#0075c4;
}



.clear{
	clear:both;
}

.monce{
	width:800px;
	float:left;
	height:40px;
	font-size:20px;
	color:#444;
}
#contact_con .thanks_img{
	width:650px;
	height:300px;
	margin:50px auto 20px;
}
#contact_con .thanks_btn{
	width:150px;
	height:60px;
	margin:0 auto 100px;
}
/*--------------
ヨガッコとは
---------------*/

#what_box{
	width:760px;
	overflow:hidden;
	margin:0 auto;
}

#what_box .what_logo{
	margin:100px 0 40px 40px;
	float:left;
	width:200px;
	height:220px;
}
#what_box .what_text{
	margin:100px 0 40px 50px;
	float:left;
	width:400px;
	height:220px;
}
#what_box .what_link{
	margin:40px auto 0;
	width:500px;
	height:300px;
}
#what .mintitle{
	width:100%;
	min-width:760px;
	margin: 50px 0 0 0px;
	overflow:hidden;
}
#what .border_t{
	width:100%;
	min-width:760px;
	height:4px;
    /*position: relative;*/
	background:#66c2eb;
}
#what .border_i{
	width:100%;
	min-width:760px;
	margin:0 0 40px 0px;
	height:4px;
    /*position: relative;*/
	background:#f9749e;
}
#what .border_s{
	width:100%;
	min-width:760px;
	margin:0 0 40px 200px;
	height:4px;
    /*position: relative;*/
	background:#fab14d;
}
#what .border_m{
	width:100%;
	min-width:760px;
	margin:0 0 40px 200px;
	height:4px;
    /*position: relative;*/
	background:#6be9f3;
}
#what_box .what_mintitle{
	margin:20px 0 0 40px;
	float:left;
	width:200px;
}
#what_box .what_mintext{
	margin:20px 0 40px 100px;
	float:left;
	width:600px;
	line-height:25px;
}
/*-----pick----------------*/
#what_pick{
	width:740px;
	overflow:hidden;
	float:left;
	padding:50px 10px 0;
}
#what_pick p{
	font-size:16px;
	line-height:28px;
	margin:0 0 50px 0;
	text-align:center;
}
#what_pick p span{
	font-size:25px;
	line-height:48px;
}

/****************************************
		ワークショップページ
*****************************************/

-#are_personal{
	width:100%;
	/*min-height:720px;*/
	overflow:hidden;
	padding-bottom:50px;
	margin-left:200px;
    /*position: relative;
	background:url("img/class/inst/personal/inst_personal.gif") repeat-x;*/
}
#back_wsbox{
	width:760px;
	margin:0 auto;
/*	border:1px solid #ccc;
	border-top:5px solid #468cee;
	box-sizing: border-box;
	background:#eff9fd;
*/}

/*-------------------エリア01＿名前-------------------*/
/*#ws_personal #ws01_name{
	min-width:440px;overflow:hidden;
    padding:0 0 30px 0;
}*/
/*--------BIG BOX 0000000-------*/
#ws_name{
	clear: both;
	overflow: hidden;
	padding: 80px 20px;
	font-size: 1.6em;
	font-weight: bold;
	color: #444;
	letter-spacing: 0.1em;
	line-height: 1.8em;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
#ws_genre{
	width:34%;
	float:right;
	background:#999;
	color:#fff;
	padding:10px;
	box-sizing:border-box;
	line-height:2em;
	font-size:1.2em;
	text-align:center;
	letter-spacing: 0.3em;
}
#ws_select_address{
/*	width:350px;
	max-height:200px;*/
	float:right;
	text-align:right;
	color:#444;
	line-height:25px;
	overflow:hidden;
	font-size:1.2em;
	font-weight:bold;
	width:100%;
	box-sizing:border-box;
	padding:10px 5% 5px 0;
	border-bottom:1px dotted #468cee;
	
}
#mainphoto{
	width:60%;
	overflow:hidden;
	float:left;
	min-height:200px;
}
#mainphoto img{
	height: auto;
	max-width: 100%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
#ws_ev{
	overflow:hidden;
	float:right;
	margin:10px 0 0 6%;
	border:1px solid #468cee;
	padding:5px 20px 20px 20px;
	text-align:center;
	width:34%;
	box-sizing:border-box;
	
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  	
}
#ws_ev .ev_title{
	color:#468cee;
	font-weight:bold;
	padding:0 0 10px 0;
}
#ws_ev span{
	font-size:1.9em;
	letter-spacing: 0.3em;	
	font-weight:bold;
	padding-right:3px;
}
#ws_btn_area{
	width:760px;
	margin:0 auto;
	overflow:hidden;
}
.ws_btn_box{
	width:245px;
	float:left;
	margin-right:5px;
	overflow:hidden;
}
.ws_btn_list{
	width:100%;
	padding:10px 20px 10px 20px;
	margin-bottom:25px;
	border:1px solid #eee;
	box-sizing: border-box;
	font-size:12px;
	overflow:hidden;

	
	border-collapse: collapse;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;	
}
#ws_photo_02{
/*	width:720px;*/
	text-align:center;
	padding:30px 0;
	clear:both;
}
#ws_photo_02 a{
	margin:0 20px;
}



/*-------------------各エリア　inst_area-------------------*/
#ws_entry_box{
	width:30%;
	margin:0 auto;
	overflow:hidden;
}
/*#ws_photo_02{
	width:720px;
	text-align:center;
}
#ws_photo_02 a{
	margin:0 20px;}
	*/
#ws_infomation_left{width:340px; float:left; overflow:hidden; margin-right:20px;}
#ws_infomation_right{width:400px; float:right; overflow:hidden;}

#ws_stguide{
	width:100%;
	overflow:hidden;
	padding:10px 20px 10px 20px;
	margin-bottom:25px;
	border:1px solid #ddd;
	word-break: break-all;
	font-size:12px;
	box-sizing: border-box;

	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;	
	
}
#ws_map{
	width:100%;
	overflow:hidden;
	padding:5px;
	margin-bottom:10px;
	border:1px solid #ccc;
	box-sizing: border-box;
	font-size:12px;

	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;	
}

#ws_stguide img{
	padding-top:10px;
}

/*-------------------各エリア　studio_concept-------------------*/

#ws_profile{
	width:100%;
	overflow:hidden;
	padding:10px 20px 10px 20px;
	margin-bottom:25px;
	border:1px solid #eee;
	box-sizing: border-box;
	font-size:12px;
	border-collapse: collapse;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;	
}

.ws_boxtitle{
	width:100%;
	background:#eee;
	overflow:hidden;
	border-left:25px solid #66c2eb;
	font-size:16px;
	padding:5px 0 3px 15px;
	font-weight:bold;
}.ws_boxtitle span{ font-size:0.7em; font-weight:normal; padding-left:10px;}


.ws_st_title{
	font-size:1.2em;
	font-weight:bold;
	width:100%;
	padding-bottom:5px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}
.ws_discrip{
	padding:10px 0;
}
.ws_url{
	font-size:1.1em;
	padding-top:5px;
	border-top:1px dotted #999;
	margin-top:10px;
}

.ws_url_box{
	margin:30px 0;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	overflow:hidden;
	padding:30px 0;

}
.url_text{
	width:100%;
	font-size:1.3em;
	text-align:center;
	line-height:1.5em;
}

.ws_url_link{
	width:100%;
	font-size:2em;
	font-weight:bold;
	text-align:center;
	line-height:1.4em;
	padding:10px 0;
	background:#eee;
}

/*------------------------------------------------------------*/
.area_ul_pick{
	width:100%;
/*	margin:0 5%;*/
	overflow:hidden;
	letter-spacing: -0.4em;
}
.ws_li{
	display: inline-block;
	width: 32%;   
   	padding:5px 2%;
	box-sizing:border-box;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	border-radius: 8px;	
	margin:20px 1% 20px 0;
	font-size:13px;
	text-align:left;
	vertical-align:top;
	border:1px solid #ddd;
	letter-spacing: normal;
}
#ws_archive_genre{
	width:60%;
	float:right;
	background:#999;
	color:#fff;
	padding:3px;
	margin-top:8px;
	box-sizing:border-box;
	line-height:1em;
	font-size:0.9em;
	text-align:center;
}
.ws_li .ws_archive_title{
	width:100%;
	overflow:hidden;
	padding:10px 10px 0 10px;
	font-weight:bold;
	box-sizing:border-box;
}
.ws_li .ws_archive_img{
	min-height:80px;
	float:left;
	width:50%;
}
.ws_li .ws_archive_name{
	width:100%;
	overflow:hidden;
	padding:0 10px 10px 10px;
	text-align:right;	
	box-sizing:border-box;
}
.ws_li img{
	height: auto;
	max-width: 100%;
	max-height: 80px;
	width: auto;
	float:left;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}
.ws_li_name{
	width:50px;
	float:right;
}
.ws_ev_day{
	overflow:hidden;
	margin:20px 0 0 0;
	text-align:center;
	width:45%;
	float:right;
	box-sizing:border-box;
	font-size:1.5em;
	letter-spacing: 0em;	
	font-weight:bold;
}

.ws_li_word{
	width:100%;
	float:right;
	padding: 5% 5% 2% 5%;
	box-sizing:border-box;
	font-size:0.9em;
	line-height:1.2em;
	overflow: hidden;

}
.ws_select_address{
	float:right;
	text-align:right;
	color:#444;
	line-height:25px;
	overflow:hidden;
	font-size:0.9em;
	width:45%;
	box-sizing:border-box;
	padding:10px 5% 5px 0;
	border-bottom:1px dotted #468cee;
	
}
.ws_organizer{
	border-top:1px dotted #aaa;
	width:100%;
	text-align:center;
	font-size:0.8em;
	color:#444;
	overflow:hidden;
	padding:0 5%;
	box-sizing:border-box;
	
}
.event-content_box{
	width: 98%;
	padding: 0px 5%;
	box-sizing: border-box;
	overflow: hidden;
	margin: 30px auto;
}
.event-content li{
	border-bottom:1px dotted #555;
	padding:5px 10px;
	clear:both;
	overflow:hidden;
	font-size: 13px;
}
.event-date{
	padding-left:2%;
	width:100px;
	box-sizing:border-box;
	float:left;
}
.event-title{
	padding-left:1%;
	box-sizing:border-box;
	float:left;
}
.event-title{
	padding-left:1%;
	box-sizing:border-box;
	float:left;
}
.event-title_960{
	padding-left:1%;
	box-sizing:border-box;
	float:left;
}
.event_address_960{
	float:right;
	text-align:right;
	color:#444;
	line-height:25px;
	overflow:hidden;
	font-size:0.9em;
	width:100px;
	
}
.event-title_670{display:none;}
.event_address_670{display:none;}

/*---------------------------------*/
.taxo_event-content{
	width:100%;
	min-width:520px;
	float:left;
	box-sizing:border-box;
	overflow:hidden;
}
.taxo_event-content li{
	padding:5px 10px;
	overflow:hidden;
}
.are_s_right .ws_li{
	float:left;
	padding:5px 5%;
	overflow:hidden;
	box-sizing:border-box;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	border-radius: 8px;	
	width:100%;
	margin:20px 3% 20px 0;
	border:1px solid #ddd;
	height:300px;
}

.w_aregenre{
	width:100%;
	margin:40px 0 20px 0;
	float:left;
	padding:10px 40px;
	box-sizing:border-box;
	height:auto;
	background:#468CEE;
	font-size:1.3em;
	text-align:center;
	color:#fff;
	overflow:hidden;	
	position: relative;
}.w_aregenre span{font-size:0.8em;color:#333;}
.w_aregenre:before{
content: "";
position: absolute;
bottom:-60%;
right: 50%;
border: 12px solid transparent;
border-top: 12px solid #f3a933;
}
.ws_s_right{
	width:92%;
	padding:10px 2% 20px;
	box-sizing:border-box;
	border:1px solid #999;
	float:right;
	margin:30px 4%;
	overflow:hidden;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
}

.ws_r_special_title{
	color:#999;
	font-size:1.3em; line-height:0.8em;
	margin-bottom:40px;
}.ws_r_special_title span{ margin:0 0 0 30px; font-size:0.6em; color:#444;}

.ws_s_right li{
	border-bottom:1px dotted #555;
	padding:5px 10px;
	overflow:hidden;
}
/*----ws　トップ　ジャンル分け部分--------------------------------------------------------*/
#ws_top_text{
	width:100%;
	padding:0 10% 20px;
	box-sizing:border-box;
}
#ws_top_text .ws_text_title{
	font-size:20px;
	margin:0 0 20px 0;
	padding-bottom:7px;
	border-bottom:1px solid #6ec5ec;
}
#ws_top_text .ws_text_con{
	margin-left:20px;
}
.ws_top_img{
	width:100%;
	text-align:center;
}
.ws_top_img img{
	width:80%;
	height:auto;
}
#class .cover {
   width: 100%;
   padding: 25px 10%;
   box-sizing:border-box;
}

#class .cover .genre_box{
	display: inline-block;
	width: 47%;   
   	padding:5px 2%;
	box-sizing:border-box;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	border-radius: 8px;	
	margin:5px 2% 5px 0;
	font-size:13px;
	text-align:left;
	vertical-align:top;
/*border:1px solid #ddd;*/
}
.ws_genre_lv3{
	font-size:14px;
	margin:10px  0 10px 10px;
	padding:0 0 0 30px;
	cursor:pointer;	
	background:url(img/system/dw_icon.gif) no-repeat;
	text-decoration:underline;
}
#class .cover .daily_class{
	border:1px solid #F0A3B1;
}
#class .cover .ws{
	border:1px solid #D7A1C7;
}
#class .cover .tt{
	border:1px solid #B5D899;
}
#class .cover .event{
	border:1px solid #FFC89F;
}
#class .cover .free_event{
	border:1px solid #8CD3D1;
}
#class .cover .charity{
	border:1px solid #8FD18C;
}
#class .cover .fes{
	border:1px solid #97CAFC;
}
#class .cover .retreat{
	border:1px solid #F4E989;
}
#class .cover .abroad{
	border:1px solid #F0937F;
}

.vmenu_on .c_none{display:auto;
	margin:10px auto 5px;
	padding:10px 5% 5px;
	border-top:1px solid #6ec5ec;
	line-height: 1.8em;
	background:#F0F9FC;
	cursor:pointer;	
}
.close_up_btn{
	text-align:center;
	margin:5px 0;
}

.vmenu_on .c_none p{
	margin-bottom:20px;}

.vmenu_off .c_none{display:none;}


/*----ws　月別部分--------------------------------------------------------*/
.ev_m_ul{
	padding:0 3%;
	width:100%;
	box-sizing:border-box;
	text-align:center;
}
.ev_m{
	display: inline-block;
	width: 15%;   
   	padding:5px 2%;
	box-sizing:border-box;
	margin:5px 2% 5px 0;
	font-size:13px;
	text-align:center;
	vertical-align:top;
	border:1px solid #aaa;
	background:#66C2EB;
	color:#fff;
}.ev_m:hover{	background:#ddd;}
.ev_m span{
	font-size:2em;
}
.ev_m_list{
	width:100%;
	margin:20px 0;
	padding:20px 0;
	box-sizing:border-box;
	text-align:center;
	background:#eee;
	font-size:1.7em;
}
.ev_m_list span{
	font-size:0.7em;
}
.ws_author_title{
	font-size:1.1em;
	font-weight:bold;
	float:right;
	width:100%;
	text-align:right;
}
/*---focus-------------------------------*/
/*---------------------------------------*/

#focus_title{
	font-size:130%;
	width:80%;
	padding:1em 0;
	margin:0 10%;	
}
#focus_title #title_01{
	font-size:130%;
	margin:1em 3%;
}
#focus_title #title_02{
	color:#f36d00;
	font-weight:bold;
	font-size:120%;
	padding:2em 0 2em 1em;
}
#focus_title #title_02 span{
	font-weight:normal;
	font-size:80%;
	color:#444;
	padding:1em;
}
#focus_title .sp_670{display:none;}

#focus_img{
	width:80%;
	margin:20px auto;
}
#focus_img img{
	width:100%;
	height:auto;	
}



#foucus_co{
	width:80%;
	margin:0 auto;
	padding-top:2em;	
    border-collapse: separate;
    border-spacing: 0px;
}
#foucus_co .li_text{
	background:#f2fafe;
}
#foucus_co th,
#foucus_co td {
    padding: 0.8em 0.2em 1em;
/*	border-bottom:1px dotted #ccc;*/
	line-height:1.8em;
}
 
#foucus_co th {
 /*   background: #295890;*/
    vertical-align: top;
    text-align: left;
    width: 36px;
	padding:0 10px; 
}
 
#foucus_co td {
    padding-left: 0;
}




#foucus_co .li_y{
	text-indent:-9999px;
	background:url(img/class/focus/yogakko.gif) no-repeat 10px 0.9em;
}
#foucus_co .f_li_y{
	font-weight:bold;
	background:#fcf7ca;
	padding:0.3em 2em;
	margin:2em 0;
}
#foucus_co .f_li_u{
	padding:0.3em 3em 2em;
	line-height:1.7em;
}
#focus_minimg{
	width:80%;
	height:auto;
	margin:0 auto;
}
#focus_minimg img{
	width:49%;
	height:auto;
	padding:1em 0;
}
#focus_pickup{
	display:table;
	width:55%;
	border:1px solid #ccc;
	padding:2em;
	margin:2em auto;
}
#focus_pickup #f_photo{
	display: table-cell;
	width:20%;
}#focus_pickup #f_photo img{ width:100%; height:auto;}
#focus_pickup #f_text{
	display: table-cell;
	width:67%;
	vertical-align:top;
	padding-left:3%;

}
#focus_pickup #f_text .f_text_title{
	font-weight:bold;
	font-size:1.3em;
}
#focus_pickup #f_text .f_text_con{
	padding:3em 30px 1em 0;
	text-align:right;
}
#focus_pickup #f_text .f_text_con img{
	width:60%;
	height:auto;
}
.fq1_titile{
	border-left:1em #66c2eb solid;
	font-weight:bold;
	padding-left:1em;
	margin:1em 0;
	color:333;
}
#f_check{
	width:70%;
	margin:2em auto;
	border:1px dotted #ccc;
	padding:2em;
}
#f_check li{
	line-height:2em;
	background:url(img/class/focus/check.png) no-repeat 10px 0.2em;
	padding:0 0 0 50px;
	font-size:1.3em;

}
.next_title_link{
	background:#FFFFFF;
	border:1px solid #FC0;
	width:40%;
	color: #F36D00;
	font-weight: bold;
	padding: 0.1em;
	font-size: 0.8em;
	margin:1em auto 0;
	text-align:center;
}.next_title_link span{
	font-size:0.8em;
	color:#444;
}

.focus_conimg{
	text-align:center;
}


#f_block{
padding: 10px 8px;
border: 1px solid #DCDCDC;
font-size: 18px;
font-weight: bold;
margin-top:40px;
}
#f_block p{
	width:90%;
	margin:0 auto;
    display: inline-block;
    padding: 7px 5px 3px 10px;
    border-left: 10px solid #66c2eb;
}
#block_under{
	border:2px solid #66c2eb;
	padding:0.7em;
	width:80%;
	margin:60px auto;
	position: relative;
	font-size:1.5em;
	text-align:center;
	
}


#block_under:before {
	content: "";
	position: absolute;
	bottom: -8px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #fff transparent transparent transparent;
	z-index: 0;
}
#block_under:after {
	content: "";
	position: absolute;
	bottom: -12px; left: 50%;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #66c2eb transparent transparent transparent;
	z-index: -1;
}
#f_next_single{
	width:80%;
	margin:20px auto 0;
	overflow:hidden;
}

.f_single_left_img{
	float:left;
	width:20px;
	margin-right:10px;
	}
.f_single_right_img{
	float:right;
	width:20px;
	margin-left:10px;
	}
.f_single_left{
	float:left;
	width:30%;
	border:1px dotted #CCC;
	text-align:center;
	padding:3px;
	box-sizing: border-box;
}
/*.f_single_left img,.f_single_right img{
	width:40%;

}*/
.f_single_right{
	float:right;
	width:30%;
	border:1px dotted #CCC;
	padding:3px;
	text-align:center;
	box-sizing: border-box;
}


.archive_f_block{
	width:90%;
	margin:0 auto;
}
.archive_f_block .f_block_box{
	width:31%;
	padding:5px;
	box-sizing:border-box;
	margin: 5px 6px 2em 6px;
	border:dotted 1px #ccc;
	border-top:6px solid #FFDF55;
	display:inline-block;
	vertical-align: top;
}
.box_concept{
	width:95%;
	margin:3px auto;
	border:1px solid #ddd;
	padding:0.6em;
	line-height:1.7em;
	box-sizing:border-box;
	  -webkit-box-shadow: 0 5px 3px -6px #777;
       -moz-box-shadow: 0 5px 3px -6px #777;
            box-shadow: 0 5px 3px -6px #777;
}
.box_concept_dw{
	width:95%;
	margin:25px auto 5px;
	border:1px solid #ccc;
	padding:0 0.5em 1em 0.5em;
	line-height:1.7em;
	box-sizing:border-box;
	  -webkit-box-shadow: 0 5px 3px -6px #777;
       -moz-box-shadow: 0 5px 3px -6px #777;
            box-shadow: 0 5px 3px -6px #777;
}
.box_concept_dw .blue_border{
	width:80%;
	margin:0 auto 20px;
	height:10px;
	overflow:hidden;
	background:#66c2eb;
}


.zakkuri{
    display: flex;
    align-items: center;
    text-align: center; /* for no-flexbox browsers */
	color:#444;
	padding: 0 20px;
	font-weight:bold;
}

.zakkuri:before,
.zakkuri:after {
    border-top: 1px solid #ccc;
    content: "";
    display: inline; /* for IE */
    flex-grow: 1;
}

.zakkuri:before {
    margin-right: 0.5em;
}

.zakkuri:after {
    margin-left: 0.5em;
}



.f_a_name{
	font-size:1em;
	font-weight:bold;
	padding:0 2em 0 0;
	text-align:right;
}
.f_a_check{
	width:100%;
	margin:0 auto;
	padding:1.2em 0.5em 0 0em;
	box-sizing:border-box;
}
.f_a_check li{
	line-height:1em;
	background:url(img/class/focus/check.png) no-repeat 10px 0.2em;
	padding:0 0 0 30px;
	background-size:15px;
	line-height:1.8em;
	font-size:1em;

}




#block_under_next{
	border:2px solid #f36d00;
	padding:0.7em;
	width:40%;
	margin:60px auto;
	position: relative;
	font-size:1.5em;
	text-align:center;
	background:#fff3e9;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}

#block_under_next:before {
	content: "";
	position: absolute;
	top: 50%; right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #fff3e9;
	z-index: 0;
}
#block_under_next:after {
	content: "";
	position: absolute;
	top: 50%; right: -12px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #f36d00;
	z-index: -1;
}
#block_under_next #title_02{
	color:#f36d00;
	font-weight:bold;
	font-size:120%;
	padding:0.1em 0 1em 1em;
	font-size: 0.8em;
}
#block_under_next #title_02 span{
	font-weight:normal;
	font-size:80%;
	color:#444;
	padding:1em;
}
#block_under_next #f_next_title{
	font-size:0.9em;
	color:#333;
}



.archive_f_title{
	text-align:center;
	color:#685936;
	padding:3em 0 2em;
}

.post_cover{
	font-size:2em;
	font-weight:bold;
}
.cover_mintitle{
	font-size:0.9em;
}

/*------------------------------
サービス
------------------------------*/
.service_main{
	width:70%;
	margin:0 auto;
	height:auto;
}
.service_main img{
	width:100%;
}
.service_title{
	background:#f3aa33;
	width:80%;
	font-size:2.1em;
	font-weight:bold;
	margin:15px auto;
	text-align:center;
	color:#fff;
	line-height:2em;
	position:relative;
	
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.service_title:hover{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}.service_title_out a:hover{
  text-decoration:none;
}

.service_title .smin_spana{
	font-size:0.5em;
	padding:0 2em;
}
.service_title .smin_spanb{
	font-size:0.7em;
}

/*---------------------------*/
.ser_mainbox{
	display: table;
	width:70%;
	margin:8em auto;
	text-align:center;
}
.ser_mainbox .ser_li{
  display:table-cell;
  vertical-align:top;
  width:20%;
  font-size:1.2em;
  color:#66c2eb;
}
.ser_mainbox p img{
	padding:0 0 0 0.7em;
}
/*---------------------------*/
.lines-on-sides{
  display: table;
  text-align: center;
  white-space: nowrap;
  font-size:1.4em;
  font-weight:bold;
  color:#66c2eb;
  margin:2em 0;
}
.lines-on-sides span{
	margin:0 3em;
}
.lines-on-sides:after, .lines-on-sides:before{
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
.lines-on-sides:after{
  border-left: 2em solid transparent;
}
.lines-on-sides:before{
  border-right: 2em solid transparent;
}
 
 

.service_con_box{
	width:90%;
	margin:2em auto;
	border-bottom:1px dotted #999;
	padding:1.5em 2em;
}
.service_con_box_end{
	width:90%;
	margin:2em auto;
	padding:1.5em 2em;
}
.service_con_box .scon{
	display: table;
	width:100%;
}
.sbox-left,
.sbox-right{
  display: table-cell;
  vertical-align:top;
}
.sbox-left{
	width:35%;
}
.sbox-right{
	width:65%;
}

/*----------*/
.sbox-left .sboxtitle{
	border-left:5px solid #f3aa33;
	padding:0 0 0 1em;
}
.sbox-left .sboxtitle .maintitle{
	font-size:1.8em;
	font-weight:bold;
	color:#f3aa33;
	padding: 5px 0;
}
.sbox-left .sboxtitle .subtitle{
	font-size:0.9em;
	color:#111;
}
.sbox-left img{
	padding:1em;
}

/*--------*/
.sbox-right .ser_title{
	padding:1em 0 2em;
	font-size:1.5em;
	font-weight:bold;
	color:#111;
	line-height: 1.3em;
}
.sbox-right .ser_text{
	font-size:1em;
	color:#333;
}
.sbox-right .ser_box_info{
	background:#e5e5e5;
	width:100%;
	font-size:0.9em;
	margin:2em 0 1em 0;
	padding:3px 0;
}
.sbox-right .ser_box_info img{
	margin:0 0 0 2em;
}
.sbox-right .ser_box_info span{
	margin:0 2em 0 0.5em;
}

.s_contact_box{
	width:40%;
	margin:0 auto 2em;
	text-align:center;
	font-size:1.1em;
	padding-bottom: 2em;
}
.s_contact_box p ,.s_contact_box img{
	padding-bottom:0.7em;
	color:#444;
}
.s_contact_lead{
	width:100%;
	border:1px solid #111;
	padding:1em;
	font-size:1.3em;
	letter-spacing: 0.1em;
	font-weight:bold;
	box-sizing: border-box;


	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	
}.s_contact_lead:hover{
	background:#111;
}

.s_contact_box a{
	color:#111;
}.s_contact_box a:hover{
	color:#fff;
	text-decoration:none;
}


/* =============================================================================
	サービス_問い合わせ
   ========================================================================== */

#service_contact{
	font-size:13px;
}
.service_contact_box{
	width:100%;
	max-width:600px;
	margin:0 auto;
	padding:0 10px;
	box-sizing:border-box;
	overflow:hidden;
}
/*#contact #contact_con{
	max-width:760px;
	height:600px;
	margin:0 auto 100px;
}*/
#service_contact .con_line{
	padding:0 0 1em 0;
	border-top:1px solid #37a3dd;
	border-left:1px solid #37a3dd;
	border-right:1px solid #37a3dd;
	vertical-align:middle;
border-collapse: collapse;/*	width:100%;*/
}
#service_contact .con_line_last{
	border-bottom:1px solid #37a3dd;
}
#service_contact .table-items {
/*	width:100%;*/
	background-color:#ceeeff;
	color:#333;
	font-size:1.2em;
	line-height:2em;
	padding:0 0 0 1em;
	margin:0 0 1em 0;

}
#service_contact .table-box{
	padding:0 0 0 2em;
	}
#service_contact .wpcf7-mail-sent-ok{
	text-align:center;
	font-size:18px;
	color:#fff;
	background:#0075c4;
}



/*---------------------------------
インスタ
-----------------------------------*/
#instafeed .in_box{
display: inline-block;
width: 24%;
padding: 5px;
box-sizing: border-box;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
border-radius: 8px;
margin: 20px 1% 20px 0px;
	font-size: 0.8em;
text-align: left;
vertical-align: top;
border: 1px solid #DDD;
letter-spacing: normal;
	float:left;
}
.top_focus_li img{
	width:100%;
	height:auto;
	margin-bottom:0.6em;
}
.insta_come{
	margin-top:20px;
	font-size:0.8em;}
.fa-chevron-right{
	font-size:1.2em;
	text-align:right;
}
.pull-right{
	top:27px;
	right:40px;
	position: absolute;
}

/****************************************
		求人ページ
*****************************************/
#back_wsbox{
	width:760px;
	margin:0 auto;
/*	border:1px solid #ccc;
	border-top:5px solid #468cee;
	box-sizing: border-box;
	background:#eff9fd;
*/}

/*-------------------エリア01＿名前-------------------*/
/*#ws_personal #ws01_name{
	min-width:440px;overflow:hidden;
    padding:0 0 30px 0;
}*/
/*--------BIG BOX 0000000-------*/
#job_name{
	clear: both;
	overflow: hidden;
	padding: 80px 20px;
	font-size: 1.6em;
	font-weight: bold;
	color: #444;
	letter-spacing: 0.1em;
	line-height: 1.8em;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
}
#job_select_address{
/*	width:350px;
	max-height:200px;*/
	float:right;
	text-align:right;
	color:#444;
	line-height:25px;
	overflow:hidden;
	font-size:1.2em;
	font-weight:bold;
	width:100%;
	box-sizing:border-box;
	padding:10px 5% 5px 0;
	border-bottom:1px dotted #468cee;
	
}
#job_mainphoto{
	overflow: hidden;
	float: left;
	min-height: 200px;
	width: 45%;
	box-sizing: border-box;
	text-align: center;
}
#job_mainphoto img{
/*
	height: auto;
	max-width: 100%;
  */
  
  max-height: 190px;
	max-width: 100%;
	width: auto;
	height: 100%;
	margin: 0 auto;
 
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;

}
#job_ev{
	overflow:hidden;
	float:right;
	margin:10px 0 20px 0;
	border:1px solid #468cee;
	padding:5px 20px 20px 20px;
	width:100%;
	box-sizing:border-box;
	
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  	
}
#job_ev .ev_title,#job_ev2 .ev_title{
	color:#468cee;
	font-weight:bold;
	padding:0 0 10px 0;
	text-align:center;
}
#job_ev span,#job_ev2 span{
	font-size:1.9em;
	letter-spacing: 0.3em;	
	font-weight:bold;
	padding-right:3px;
}
.ws_btn_box{
	width:245px;
	float:left;
	margin-right:5px;
	overflow:hidden;
}
.job_btn_list{
	padding:10px 20px 10px 20px;
	margin-bottom:25px;
	border:1px solid #eee;
	box-sizing: border-box;
	font-size:12px;
	overflow:hidden;

	
	border-collapse: collapse;
	-webkit-box-shadow: 0 10px 6px -6px #777;
	-moz-box-shadow: 0 10px 6px -6px #777;
	box-shadow: 0 10px 6px -6px #777;	
}
.job_btn_list span{
	font-weight:bold;
	font-size:1.1em;
	margin:5px 0;}
#job_btn{
	width: 49%;
	float: right;
	overflow:hidden;
	padding:5px;
	margin-bottom:15px;
	border:1px solid #eee;
	box-sizing: border-box;
}
/*#job_btn ul{
	width:630px;
	overflow:hidden;
	margin:0 auto;
	}*/
#job_btn li{
	float:left;
	width:50px;
	height:65px;
	overflow:hidden;
	background:#0F0;
	padding:10px 20px;
}
#job_btn .are_btn01{background:url(img/teacher/job/job_btn01_ov.gif) 20px 10px no-repeat;}
#job_btn .are_btn02{background:url(img/teacher/job/job_btn02_ov.gif) 20px 10px no-repeat;}
#job_btn .are_btn03{background:url(img/teacher/job/job_btn03_ov.gif) 20px 10px no-repeat;}
#job_btn .are_btn04{background:url(img/teacher/job/job_btn04_ov.gif) 20px 10px no-repeat;}

#job_genre{
	width:49%;
	float:right;
	background:#999;
	color:#fff;
	padding:10px;
	box-sizing:border-box;
	line-height:2em;
	font-size:1.2em;
	text-align:center;
	letter-spacing: 0.3em;
	margin-bottom:20px;
}
#job_deadline{
	width:49%;
	float:right;
	box-sizing:border-box;
	font-size:1em;
	text-align:center;
	letter-spacing: 0.3em;
	margin-bottom:20px;
}
.job_imgdw img{
	width:300px;
	height:auto;
	max-height:400px;
	max-width:400px;
	
}
.job_imgdw{
	width:100%;
	padding:10px 20px 10px 20px;
	margin-bottom:25px;
	border:1px solid #eee;
	box-sizing: border-box;
	font-size:12px;
	overflow:hidden;

}
.job_infomation_left,.job_infomation_photo{width:340px; float:left; overflow:hidden; margin-right:20px;}
#job_infomation_center{ width:100%; overflow:hidden;}



/*-----------------------------------
求人ブロック
--------------------------------------*/
.job_ul{
	width:90%;
/*	margin:0 5%;*/
	overflow:hidden;
	margin: 0 auto;
}
.job_ul span{
	background:#fff;
	padding:4px;
	color:#333;
	border-radius: 8px;	
	font-size:11px;
	font-weight:bold;
	border:1px solid #999;
}

.job_li{
	vertical-align:top;
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5～7*/
    /zoom: 1; /*for ie5～7*/
	
	box-sizing:border-box;
	width:46%;
	height:auto;
	margin:20px 3% 20px 0;
	border:1px solid #ddd;
	
	padding: 20px;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
	border-radius: 8px;	
	position: relative;
}
.jpbli_up{
	width:100%;
	max-height:auto;
}
.job_archive_genre_l{
	width:60%;
	padding:3px 3px 3px 10px;;
	margin-top:0px;
	box-sizing:border-box;
	font-size:1. 2em;
	line-height: 30px;
	
	vertical-align:top;
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
}
 .job_archive_genre_r{
	width:35%;
	color:#ff5f08;
	box-sizing:border-box;
	font-size:1.3em;
	line-height: 30px;
	
	vertical-align:top;
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
}
.job_archive_title{
	width:100%;
	overflow:hidden;
	padding:10px;
	margin:5px;
	box-sizing:border-box;
	font-size:1.3em;
	border-bottom:1px dotted #468cee;
	border-top:1px dotted #468cee;
	
}
.job_archive_img{
	min-height:80px;
	width:50%;
	vertical-align:top;
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
	text-align:center;
}
.job_archive_img img{
	max-width:100%;
	height:auto;
}
.job_li_word{
	width:100%;
	padding: 5% 5% 2% 5%;
	box-sizing:border-box;
	font-size:0.9em;
	line-height:1.4em;
	overflow: hidden;
}

.job_ev_con{
	overflow:hidden;
	padding-top: 15px;
	width:45%;
	box-sizing:border-box;
	font-size:0.9em;
	letter-spacing: 0em;
	line-height:1.4em;
	display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
}
.job_organizer{
	border-top:1px dotted #aaa;
	width:100%;
	text-align:center;
	font-size: 1.4em;
	font-weight: bold;
	color:#444;
	overflow:hidden;
	padding:  10px 5% 0;
	box-sizing:border-box;
	
}
.fa-arrow-circle-right{
	font-size:1.2em;
	margin-left:1em;
}





.ws_regist01{
	width:34%;
	float:right;
	margin:50px 0 20px 6%;

}
.ws_regist02{
	width:90%;
	margin:50px auto;

}
#ws_register{
	overflow:hidden;
	padding:5px 0 0 0;
	text-align:center;
	box-sizing:border-box;
	background: #66c2eb;
	color:#fff;

	
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  	
}#ws_register_line{
	background: #3696c1;
	margin:25px 0 0 0;
	line-height:5px;
}
#ws_register:hover{
	background:#64caf8;
	color:#fff;
}

.register_text{
	font-size:1.4em;
	margin: 20px 0 0 0;
	line-height: 0.1em;
}

#event_banner{
	margin: 10px 50px;
}
#event_banner img{
	width:100%;
}
.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%;
}