@charset "UTF-8";
.sale {
	width:96%;
	padding:0 2%;
}
.sale ul#demo_headline {
width:100%;
margin: 10px 0px 0;
padding: 0;
}
.sale ul#demo_headline li{
	color:#FFFFFF;
	display: inline-block;
	width:30%;
	height: 30px;
	line-height: 30px;
	margin:0 5px 0px 0px;
	text-align: center;
	cursor: pointer;
	background-color: #3a5426;
	background-image: -webkit-linear-gradient(bottom, #abafa8, #c7d1be 52%, #abafa8 99%);
	background-image: -moz-linear-gradient(bottom, #abafa8, #c7d1be 52%, #abafa8 99%);
	background-image: -o-linear-gradient(bottom, #abafa8, #c7d1be 52%, #abafa8 99%);
	background-image: -ms-linear-gradient(bottom, #abafa8, #c7d1be 52%, #abafa8 99%);
	background-image: linear-gradient(to top, #abafa8, #c7d1be 52%, #abafa8 99%);
}

.sale ul#demo_headline li.current{
	color:#FFFFFF;
	background-color: #3a5426;
	background-image: -webkit-linear-gradient(bottom, #3a5426, #748b5d 52%, #3a5426 99%);
	background-image: -moz-linear-gradient(bottom, #3a5426, #748b5d 52%, #3a5426 99%);
	background-image: -o-linear-gradient(bottom, #3a5426, #748b5d 52%, #3a5426 99%);
	background-image: -ms-linear-gradient(bottom, #3a5426, #748b5d 52%, #3a5426 99%);
	background-image: linear-gradient(to top, #3a5426, #748b5d 52%, #3a5426 99%);
}

.sale ul#demo_story {
width:100%;
margin: 0px 0px;
padding: 0;
}

.sale ul#demo_story .box{
display: none;
vertical-align: top;
/*width:90%;
height:100px;*/
background-color:#FFF;
padding: 2% 0;
z-index: 2;
}
.sale ul#demo_story .box.current{
display: block;
}
.sale .title {
	margin:0;
	padding:0;
}
.sale #demo_story .text {
	border: 1px solid #454545;
	width: 96%;
	padding: 2% 1%;
	margin-bottom:10px;
}
.sale #demo_story .text2 {
	border: 1px solid #454545;
	width: 96%;
	height:200px;
	padding: 2% 1%;
	margin-bottom:10px;
}
.sale #demo_story .box {
	margin-top: 3%;
	margin-bottom: 3%;
}
.sale #demo_story .box p a { color:#f94141;}
.btn {
	width:100%;
	height: 40px;
	line-height:40px;
	color:#fff;
	border:none;
	background-image: -webkit-linear-gradient(top, #f94141, #cc1c1c);
	background-image: -moz-linear-gradient(top, #f94141, #cc1c1c);
	background-image: -o-linear-gradient(top, #f94141, #cc1c1c);
	background-image: -ms-linear-gradient(top, #f94141, #cc1c1c);
	background-image: linear-gradient(to bottom, #f94141, #cc1c1c);
	font-weight: bold;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
/**************************************アコーディオン************/
.acordion_area .inner{
list-style: none;
cursor: pointer;
}
.acordion_area .acordion{padding: 0;}
.acordion_area .acordion .inner {
	font-size: 12px;
	font-weight: bold;
	color:#454545;
}
.acordion_area .acordion .inner:first-child {}
.acordion_area .acordion .inner ul { margin: 0; padding: 0;}
.acordion_area .acordion .inner ul .item {
	background: #fff;
	font-size: 11px;
	border: 1px solid #454545;
	padding: 2%;
}
.acordion_area .acordion .inner ul .item:last-child{}
.acordion_area .acordion .inner ul .item a {
color: #454545;
display: block;
    padding: 10px 0;
text-decoration: none;
}
.acordion_area .acordion .inner .none-submenu {display: block; padding: 10px 0; }
.acordion_area .acordion .inner .active-submenu {display: block; padding: 10px 0; color: #f94141;}

/*@media only screen and (max-width: 600px) {
.acordion_area .acordion .inner .none-submenu{ background: url(trigger-arrow.png) no-repeat 96% 50%; }
.acordion_area .acordion .inner .active-submenu{ background: url(triggeractive-arrow.png) no-repeat 96% 50%; }
}*/