/* Don't forget to include a CSS reset file otherwise it might look a little bit strange*/
a:active,a:focus {
	outline: expression(hideFocus='true');
}

/*
p {
	margin-bottom: 20px;
}
*/

/*#wrapper {
	width: 960px;
	margin: 0 auto;
	margin-top: 100px;
}*/

#tabs {
	margin-top: 40px;
	padding: 0 16px;
}

#tabs ul {
	clear: both;
}

#tabs li {
	float: left;
	width: 50%;
	font-weight: bold;
}

#tabs_container {
/*	padding: 10px;*/
	font-size: 14px;
	position: relative;
}


#tabs-1,#tabs-2 {
	float: left;
	width: 50%;
	top: 20px !important;
}

#tabs-1 {
	padding-right: 30px;
}

#tabs-2 {
	left: 50% !important;
}






/* ================================

	SP style

================================ */

@media only screen and (max-width: 767px) {

	#tabs,#tabs2,#tabs3,#tabs4,#tabs5 {
/*			width: 500px;*/
/*		margin-bottom: 40px;*/
	}


	#tabs-1,#tabs-2 {
		float: none;
		width: 100%;
		padding-bottom: 1px;
		top: 0px !important;
	}

	#tabs-1 {
		padding-right: 0px;
	}

	#tabs-2 {
		left: 0% !important;
	}




	#tabs ul{
		margin: 40px 0 10px;
	}

	#tabs li {
		float: left;
		width: 50%;
	}

	#tabs li a{
		display: block;
		padding: 10px;
/*		background: #f0f0f0;*/
		background: #ffffff;
		text-decoration: none;
		color: #9e9e9f;

		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;

		/*	border-top: solid 1px #e4e4e5;
            border-left: solid 1px #e4e4e5;
            border-right: solid 1px #e4e4e5;
            border-bottom: solid 1px #e4e4e5;*/
		/*	border: solid 1px #e4e4e5;*/
		border-bottom: solid 3px #f0f0f0;
	}

	#tabs li a:hover {
		background: #fce6dc;
		border-bottom: solid 3px #525263 !important;
	}

	#tabs_container {
/*		padding: 40px;*/
		overflow: hidden;
		position: relative;
		background: white;
		font-size: 14px;
	}


	.tabulous_active{
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;

		color: #000000 !important;
		border-bottom: solid 3px #525263 !important;
	}

	#tabs_container div {
		/*	margin-right: 40px;*/
	}

	.transition {
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;

		-webkit-transition-delay: .3s;
		-moz-transition-delay: .3s;
		-o-transition-delay: .3s;
		-ms-transition-delay: .3s;
		transition-delay: .3s;
	}

	.make_transist {
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
	}

	.hidescale {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-o-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		filter: alpha(opacity=0);
		opacity: 0;
	}

	.showscale {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;

		-webkit-transition-delay: .3s;
		-moz-transition-delay: .3s;
		-o-transition-delay: .3s;
		-ms-transition-delay: .3s;
		transition-delay: .3s;
	}

	.hideleft {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		transform: translateX(-100%);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	}

	.showleft {
		-webkit-transform: translateX(0px);
		-moz-transform: translateX(0px);
		-o-transform: translateX(0px);
		-ms-transform: translateX(0px);
		transform: translateX(0px);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;

		-webkit-transition-delay: .3s;
		-moz-transition-delay: .3s;
		-o-transition-delay: .3s;
		-ms-transition-delay: .3s;
		transition-delay: .3s;
	}

	.hidescaleup {
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	}

	.showscaleup {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;

		-webkit-transition-delay: .3s;
		-moz-transition-delay: .3s;
		-o-transition-delay: .3s;
		-ms-transition-delay: .3s;
		transition-delay: .3s;
	}

	.hideflip {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;

		-webkit-transform: rotatey(-90deg) scale(1.1);
		-moz-transform: rotatey(-90deg) scale(1.1);
		-o-transform: rotatey(-90deg) scale(1.1);
		-ms-transform: rotatey(-90deg) scale(1.1);
		transform: rotatey(-90deg) scale(1.1);

		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}

	.showflip {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;

		-webkit-transition-delay: .3s;
		-moz-transition-delay: .3s;
		-o-transition-delay: .3s;
		-ms-transition-delay: .3s;
		transition-delay: .3s;

		-webkit-transform: rotatey(0deg) scale(1);
		-moz-transform: rotatey(0deg) scale(1);
		-o-transform: rotatey(0deg) scale(1);
		-ms-transform: rotatey(0deg) scale(1);
		transform: rotatey(0deg) scale(1);

		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
	}

	.tabulous_active {
		background: white !important;
		color: #000000 !important;
	}

	.tabulousclear {
		display: block;
		clear: both;
	}

}