@charset "utf-8";
/* CSS Document */
a.btn,span.btn {
	display: block;
}
/*________________________________________________________

	トップページ
	________________________________________________________
*/
#top h2 {
	margin-top: 0;
}
/*-----------------------------
	スマホで簡単に作成
------------------------------*/
.about {
		background-color: #fff7ef;
}
.about .wrap {
	padding-top: 20px;
	background-color: #fff7ef;
}
.about h2 {
	height: 40px;
	padding: 50px 0 0px 0px;
	color: #876225;
}
.about p.small {
	font-size: 80%;
	color: #7c7c7c;
}

/*-----------------------------
	作り方
------------------------------*/
.howto {
	background-color: #ffffff;
	color: #ffffff;
}

.howto .wrap {
	padding-top: 20px;
	background-color: #ffffff;
}

.howto h2 {
	text-align: center;
	color:#876225;
}
.howto .wrap ul {
	background-color: #876225;
}
.step li img {
	width: 100%;
    margin-bottom: 10px;
}
.step p {
	margin-top: 10px;
	font-size: 130%;
    text-align: center;
	color:#ffffff;
}


/*-----------------------------
	商品価格
------------------------------*/
.price {
	padding-bottom: 10px;
	background-color: #ffffff;
	background:10% 7% no-repeat #ffffff;
}
.price h2 {
	margin: 0;
	padding: 30px 0;
	text-align: center;
	color: #876225;
}
.tbl_price {
	width: 99%;
	border: 2px solid #d2d2d2;
}
.tbl_price th {
	background-color: #876225;
	color: #FFF;
}
.tbl_price td {
	background-color: #ffffff;
	color: #000;
}
.tbl_price th,.tbl_price td {
	padding: 15px 15px;
	text-align: center;
	border: 1px solid #d2d2d2;
	border-collapse: collapse;
}
.tbl_price td.td_ttl {
	width: 20%;
	background-color: #ffffff;
	color: #000;
	font-weight: bold;
}

.tbl_price .brown {
	font-size: 140%;
}
.tbl_price .orange {
	font-size: 140%;
	color:#876225;
}
.tbl_price .orange_s {
	display: block;
	font-weight: bold;
	color:#876225;
}

/*-----------------------------
	デザインを選ぶ
------------------------------*/
.design {
	background:10% 7% no-repeat #fff7ef;
}
.design .wrap {
	padding-top: 20px;
	background-color: #fff7ef;
}
.design .wrap div {
	width:480px;
	margin:0 auto;
}
.design h2 {
	text-align: center;
	color: #876225;
}
.design a {
	display: block;
	padding: 30px 8px 20px 8px;
	color: #876225;
	font-weight: bold;;
	text-decoration: none;
	text-align: center;
	background-color: #ffffff;
	font-size: 18px;
}
.design li a strong {
	display: block;
}
.design li img {
	display: block;
	margin: 8px auto 15px auto;
}
.design a span {
	display: block;
	padding: 8px;
	background-color: #876225;
	color: #FFF;
	border-radius: 8px;
	font-size: 100%;
	letter-spacing: 2px
}
.design p.small {
	font-size: 50%;
	color: #7c7c7c;
}

.design p.small2 {
	font-size: 70%;
	color: #7c7c7c;
}

.design2 {
	background:10% 7% no-repeat #a4a4a4;
}
.design2 h2 {
	text-align: center;
	color: #FFF;
}
.design2 a {
	display: block;
	padding: 15px 8px;
	color: #876225;
	font-weight: bold;;
	text-decoration: none;
	text-align: center;
	background-image: url(../images/top/bg_about.jpg);
}
.design2 li a strong {
	display: block;
}
.design2 li img {
	display: block;
	margin: 14px auto 18px auto;
}
.design2 a span {
	display: block;
	padding: 8px;
	background-color: #876225;
	color: #FFF;
	border-radius: 8px;
	font-size: 60%;
	letter-spacing: 2px;
}

/*-----------------------------
	よくある質問
------------------------------*/

.faq .wrap {
	padding-bottom: 10px;
	background-color: #ffffff;
	background:10% 7% no-repeat #ffffff;
}
.faq h2 {
	margin-bottom: 0;
	padding: 30px 0;
	text-align: center;
	color: #876225;
}
#accordion {
    background-color: #ffffff;
}
#accordion dt {
    background: rgba(0, 0, 0, 0) url("../images/top/plus.gif") no-repeat scroll right 15px center;
    border-bottom: 1px solid #e6e8df;
    cursor: pointer;
    font-size: 14px;
    line-height: 150%;
    padding: 15px 30px 15px 15px;
    background-color: #ffffff;
}
#accordion dd {
    background-color: #ffffff;
    display: none;
    line-height: 140%;
    margin: 0;
    padding: 15px;
}
#accordion dd p {
    font-size: 14px;
	margin: 0;
    padding: 15px;
}
#accordion dd img {
    float: left;
    height: auto;
    margin-right: 15px;
    width: 32%;
}
#accordion dd > div {
    background: #fff none repeat scroll 0 0;
}
#accordion dt.active {
    background-color: #ffffff;
    background-image: url("../images/top/minus.gif");
    border-bottom: medium none !important;
    color: #000000;
    font-weight: bold;
}
#accordion dt.over {
    background-color: #f1f1f1;
}
#accordion dt.active.over, #accordion dt.over.active {
    background-color: #ffffff;
    text-decoration: underline;
}

/*-----------------------------
	ニュース
------------------------------*/
.news_wrap {
	width: 100%;
	background-color: #ffffff;
}
.news {
	margin: 0 auto;
}
.news_ttl {
	position: relative;
	width: 100px;
	text-align: center;
	padding: 5px 0px;
	background-color: #876225;
	color:  #FFF;
	float: left;
}
.news_ttl:after {
	content: "";
	position: absolute;
	top: 50%;
	right: -7px;
	margin-top: -7px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 0 7px 7px;
	border-color: transparent transparent transparent #876225;
}
.ticker {
	float: right;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.ticker ul {
    width: 100%;
    position: relative;
}
 
.ticker ul li {
    width: 100%;
    display: none;
}


/*________________________________________________________

	CLEARFIX
	________________________________________________________
*/
.news:after,
.design ul:after {
	content: "";
	clear: both;
	display: block;
}