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


#container{
	text-align: left;
	position: relative;
}

.box{
	position: relative;
	width: 1000px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.box input{
	cursor: pointer;
	position: absolute;
	top: 0;
	left: 14px;
	width: 137px;
	height: 44px;
	opacity: 0;
}

.box input#tab02{
	left: 154px;
}

.box input#tab03{
	left: 294px;
}

.box input#tab04{
	left: 431px;
}

.box input#tab05{
	left: 574px;
}

.box label{       /* タブのスタイル */
	background: #cb8f4b;
	background: linear-gradient(top, #cb8f4b, #cfa060);
	background: -webkit-gradient(linear, left top, left bottom, from(#cb8f4b), to(#cfa060));
	border-radius: 8px 8px 0 0;
	box-shadow: 2px 0 6px rgba(0,0,0,0.1), -2px 0 6px rgba(0,0,0,0.1);
	color: #fffaf0;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 44px;
	position: relative;
	width: 137px;
	height: 44px;
	margin: 0 3px 0 0;
	padding: 0 10px;
}

.box label.label01{
	margin-left: 14px;
}
.box label:after{    /* タブをアクティブに見せる下線処理 */
	background: #fffaf0;
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 100%;
	height: 5px;
}


.box input:checked + label{   /* アクティブ時のタブのスタイル */
	background: #fffaf0;
	color: #be883f;
	z-index: 10;
}


.box .content {
	background: #fffaf0;
	border-radius: 10px;
	box-shadow: 2px 0 6px rgba(0,0,0,0.1), -2px 0 6px rgba(0,0,0,0.1);
	clear: both;
	position: relative;
	width: 100%;
	height: 460px;
	overflow: hidden;
	z-index: 5;
}

.box .content section {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	padding: 10px 50px 20px;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	opacity: 0;
	z-index: 1;
}

.box input.menu01:checked ~ .content .content01,
.box input.menu02:checked ~ .content .content02,
.box input.menu03:checked ~ .content .content03,
.box input.menu04:checked ~ .content .content04,
.box input.menu05:checked ~ .content .content05 {     /* ラジオボタンチェック時（タブ選択時） */
	opacity: 1;
	z-index: 10;
	-webkit-transition: all ease-out 0.4s 0.4s;
	transition: all ease-out 0.4s 0.4s;
}

.box .content section h1,
.box .content section h2{
	color: #839208;
	font-size: 18px;
	font-weight: bold;
	margin: 40px 0 0;
}
.box .content section p {
	line-height: 1.4;
	margin: 15px 0 0;
}