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

.tab_area{
	-js-display: flex;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-direction:row;
	margin-bottom: 40px;justify-content:center; 
}
     
.tab_area li{
    /*Tabの装飾*/
		padding: 10px 14px;
		margin: 0 10px;
		width: 30%;
    color:#333333;
    background-color:#f3f2ee;
/*		-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		border-radius: 10px 10px 0 0 / 10px 10px 0 0;*/
    }
     
.all_area { 
    overflow: hidden;
    }
     
.all_area div.content_area{
    /*Tabの内容を表示するエリアの装飾*/
    /*background:#ffffff; */
    /*padding:10px 10px 10px 2px;*/  
    /*border-top: 1px dotted #bbbbbb;*/
    }
 
.tab_area li.select{
    /*アクティブタブの装飾*/
		position: relative;
    background-color:#83755a; 
    background-image:none; 
    color:#fff;
    }
.tab_area li.select:before{
	content: "";
	position: absolute;
	bottom: -16px;
	right: 47%;
	border: 10px solid transparent;
	border-top: 10px solid #83755a;
}     
.hide{display:none;}