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

* {
	margin: 0;
	padding: 0;
}

/***　float　***/
.floatL {
	float: left;
}

.floatR {
	float: right;
}


/***　clearfix　***/
.clearfix:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;    
	clear: both; 
	visibility:hidden;
}
.clearfix{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
	height: 1%;
}
.clearfix{
	display:block;
}


/***　a　***/
a {
	text-decoration: none;
}

audio::-webkit-media-controls-enclosure {
	overflow:hidden;
}

audio::-webkit-media-controls-panel {
	width: calc(100% + 30px); /* Adjust as needed */
}

/* tab menu */
#tab_menu li {
    float: left;
    list-style-type: none;
    width: 33.3%;
    font-size: 12px;
}
#tab_menu li a {
    font-size: 1em;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 9%;
    text-align: center;
    width: 100%;
    background: #C15757;
    border: 1px solid #c15757;
    border-bottom: none;
}
#tab_menu li a:hover{
    background:#D26161;
    color:#FFF;
}
#tab_menu li a.current {
    background: white;
    color: #C15757;
}
#contents{
    clear:both;
}
#contents div {
    padding: 5%;
    background: white;
    text-align: center;
    border-top: none;
}
#contents p{
    margin-top:20px;
    line-height:2em;
    color:#C15757;
}
#contents strong {
    font-size: 2em;
    font-weight: bold;
    color: #c15757;
    text-decoration: underline;
}