@charset "utf-8";
/* CSS Document */



/****************************
      COMMON
****************************/

.sc{
	margin-bottom:40px;
}

.media{
	margin-bottom:50px;
	padding-top:10px;
}


/******* .leftArea *******/
.media-box{
	margin-bottom:30px;
	margin-left:20px;
}

.media-box_img{
	float:left;
	width:140px;
	margin-right:15px;
}

.media-box_txt{
	float:left;
	margin-top:5px;
}

.media-box_line{
	border-bottom:#dbdbdb 1px solid;
	width:100%;
	padding-bottom:20px;
}


/*---------------------------*/
@media (max-width:767px){
.title{
	text-align:left;
}

.media-box_txt{
	margin-top:0px;
	font-size:13px;
}
}


@media (max-width:360px){
.media-box{
	margin-left:0px;
}

.media-box_img{
	width:auto;
}

.w140{
	width:140px;
}
}
/*---------------------------*/

	
/******* .rightArea *******/

.media-image{
	padding-left:25px;
}
.media-image li{
	float:left;
	margin:0 30px 30px 0;
}

/*---------------------------*/
@media (max-width:360px){
.media-image li{
	margin:0 20px 20px 0;
}
}
/*---------------------------*/



/****************************
      LESSON 
****************************/

.mtit{
	margin-bottom:20px;
}



/****************************
      ABOUT 
****************************/

.pro-img p{
	text-align:center;
}

.link_box{
	width:100%;
	border:2px solid #ccc;
	margin-top:30px;
}

.box-in{
	padding:15px 30px;
}

.link-in p{
	margin-bottom:5px;
}

.link-in p span{
	font-size:12px;
}

.link-in .allow_link a{
	color:#2C3F00!important;
	font-size:15px;
}
.link-in .allow_link a:hover{
	color:#ab0000!important;
	font-size:15px;
}	

.history{
}

.history li{
	display:table;
}
.h_year{
	display:table-cell;
	width:65px;
}
.h_detail{
	display:table-cell;
}

.h_detail a{
	color:#ab0000!important;
}



/****************************
      GOLTRE / BITRE
****************************/

.message_box{
	width:100%;
	border:2px solid #ccc;
	background-color:#FCFCFC;
	margin-top:30px;
	margin-bottom:20px;
}


.tre_title{
	margin-bottom:20px;
	vertical-align:middle;
	font-size:22px;
	font-weight:bold;
	line-height: 1.2;
    border-bottom: 1px dotted #666;
    padding-bottom: 10px;
}

.le_tit{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
	color:#2C3F00;	
}

.le_tit span.fee{
	font-size:16px;
	font-weight:normal;
}

.le_item, .le_item_bi{
	margin-bottom: 20px;
}

.le_item_ptit{
	font-size: 16px;
}

.le_item ul{
	margin-left: 1em;
}

.le_attn{
	font-weight: bold;
	padding-top: 10px;
}

.lesson{
	margin-bottom:30px;
	border-bottom:1px dotted #CCC;
	padding-bottom:25px;
}
.lesson.nm{
	margin-bottom:0;
}

.lesson-nb{
}

.bi-box{
	margin-top: 30px;
	margin-bottom: 20px;
	margin-left: 10px;
}

.bi-box_item{
	float: left;
	width: 300px;
	height: 100px;
	margin-bottom: 10px;
	margin-right: 10px; 
}

.bi_healing{
	background: url(../images/bi-box_img01.jpg) no-repeat 0 0;
}

.bi_beauty{
	background: url(../images/bi-box_img02.jpg) no-repeat 0 0; 
}

.bi_axis{
	background: url(../images/bi-box_img03.jpg) no-repeat 0 0;
}

.bi_slim{
	background: url(../images/bi-box_img04.jpg) no-repeat 0 0;
}

.bi-box_item p{
	padding: 24px 0 20px 105px;
}

.studio_box{
	width:90%;
	border-top:1px dotted #ab0000;
	border-bottom:1px dotted #ab0000;
	margin-top:40px;
}

.studio_box p{
	font-weight:bold;
	margin-bottom:5px;
}


/*---------------------------*/
@media (max-width:767px){
.studio_box{
	width:100%;
}

.bi-box{
	margin-left: 0px;
}

.bi-box_item{
	float: none;
	/*width: 300px;
	height: 100px;*/
	margin: 0 auto 10px;
}

}

@media (max-width:360px){
.box-in{
	padding:15px 10px 15px 15px;
}

.bi-box_item{
	width: 280px;
}

.bi_healing{
	background: url(../images/bi-box_img01_sp.jpg) no-repeat 0 0;
}

.bi_beauty{
	background: url(../images/bi-box_img02_sp.jpg) no-repeat 0 0; 
}

.bi_axis{
	background: url(../images/bi-box_img03_sp.jpg) no-repeat 0 0;
}

.bi_slim{
	background: url(../images/bi-box_img04_sp.jpg) no-repeat 0 0;
}

.bi-box_item p{
	padding: 24px 0 20px 85px;
}
}
/*---------------------------*/