label {
	color: #fff;
	padding: 10px;
	display: block;
	margin: 0;
	border: 1px solid #fff;
}
input[type="checkbox"].on-off{
    display: none;
}

.menu ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.menu li {
    padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
	height: 80px;
}
#container #contents #main section .menu ul li table tr td {
	text-align: center;
}
/*料金テーブル(アコーディオン版)
---------------------------------------------------------------------------*/
.ta5 {
	width: 100%;
	margin-bottom: 15px;
	background: #fff;
}
.ta5, .ta5 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta5 td{
	padding: 10px;
	background-color: #f0f0f0;
}
/*テーブル内の左側*/
.ta5 th{
	padding: 10px;
	text-align: center;	/*背景色*/
	background-color: #F25B7E;
	color: #FFF;
	border: 1px solid #CCC;
}
/*テーブル１行目に入った見出し部分*/
.tamidashi{
	width: auto;
	text-align: left;
	color: #FFF;	/*文字色*/
	background: #333;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-gradient(linear, left top, left bottom, from(#4b4b4b), to(#333));	/*グラデーション*/
	background: -webkit-linear-gradient(#4b4b4b, #333);	/*同上*/
	background: linear-gradient(#4b4b4b, #333);			/*同上*/
}

/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){

input[type="checkbox"].on-off:checked + ul{
	height: 50px;
}


.ta5 {
	width: 100%;
	margin-bottom: 15px;
	background: #fff;
	font-size: 9px;
}
.ta5, .ta5 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
/*テーブル内の右側*/
.ta5 td{
	padding: 5px;
	background-color: #f0f0f0;
}
.ta5 th{
	padding: 5px;
	text-align: center;	/*背景色*/
	background-color: #F25B7E;
	color: #FFF;
	border: 1px solid #CCC;
}
}