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

.spNone { display:inherit;}
.pcNone { display:none;}

#shop1 {
	float:left;
	width:32%;
	margin:200px 0 0 0;

}
#shop2 {
	float:left;
	padding:4%;
	margin:-30px 0 0 3%;
	width:56%;
	display:block;
	border:3px solid #ffca12;
	background:url(../images/leaf.jpg) no-repeat right bottom;
}
#shop2 dd{
		text-shadow: 1px 1px 1px #fff,
             -1px 1px 1px #fff,
             1px -1px 1px #fff,
             -1px -1px 1px #fff;
}
#shopChodama{
	margin:0 0 5% 0;
	height:140px;
	border-bottom:1px solid #ececec;
	background:url(../images/chodama02.gif) no-repeat right bottom;
}
#shopChodama .btnY{
	width:66%;
	margin:3% 0 0 0;
}
/* ----------------------------------------
					news
   ---------------------------------------- */
#newsBox {
	height:400px;
	margin-bottom: 1.5em;
	background-color: #fff;
	overflow: auto;
	font-size: 14px;
}
#newsBox dt {
	width:100px;
	color:#fff;
	background-color: #f66;
	padding:4px 0 3px 18px;
	margin:7px 0 0 0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(border-radius.htc);
}
#newsBox dd {
	padding:7px 10px;
	border-bottom:1px solid #ececec;
	transition: 0.5s ;}
#newsBox dd:hover { background-color:#ececec;}


/* ----------------------------------------
				right box
   ---------------------------------------- */
#shop2 dl {	border-top:1px solid #ececec;}
#shop2 dt {padding:20px 0 10px 0; color:#333;}
#shop2 dd {padding:0 0 0 20px;}
#shop2 #tell {
	font-size:18px;
	font-weight:bold;
	color:#bd1a20;
}
@media screen and (max-width: 780px) {
.spNone { display:none;}
#shop2 .pcNone {
	display:inherit;
	padding:10px;
	background:#ececec;
	text-align:center;
}

#newsBox {	height:180px;}
#shop1 h3{ text-align:right; margin-bottom:0;}
#shop1 {
	float:none;
	width:100%;
	margin:10px 0 0 0;
}
#shop2 {
	float:none;
	width:90%;
	margin:0 0 5% 0 ;
}
}
@media screen and (max-width: 480px) {
#shopChodama .btnY{	width:100%; }
#shopChodama{ height:230px; }
#shop2 {
	background:none;
}
}
/* ----------------------------------------
				rule
   ---------------------------------------- */
#rule1 {
	float:right;
	width:51%;
	margin:-80px 0 50px 0;
	display:block;
}
#rule2 {
	float:left;
	padding:3% 0;
	width:100%;
	display:block;
	clear:both;
}
#rule2 dl {
	padding:0 0 30px 0;
}
#rule2 dt {
	padding:0 0 10px 0;
	font-size:18px;
	color:#bd1a20;
}
#rule2 dd {
	display: list-item;
	list-style : decimal-leading-zero outside;
	margin:0 0 0 50px;
}
@media screen and (max-width: 680px) {
#rule1 {
	float:none;
	width:100%;
	margin:0;
	text-shadow: 1px 1px 1px #fff;
}
}