@charset "UTF-8";

@import "../css/import.css";

h1{
	background-image: url(img/h1.jpg);
	background-repeat: no-repeat;
	height: 100px;
	width: 860px;
}

#jusco{
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

/* index */

/* --------------------------------------------------
	sale_period
-------------------------------------------------- */

#sale_period {
	margin-top: 10px;
	padding: 11px 0 12px 0;
	color: #418720;
	font-size: 1.2em;
	text-align: center;
	background-color: #dbe9c3;
}

#this_week {
	width: 600px;
	margin: 20px 0 20px 0;
	padding-bottom: 10px;
	background-image: url(img/w_bg.gif);
	background-repeat: repeat-y;
	background-position: left;	/*\*//*/
	overflow: hidden;
	/**/
}

#this_week:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;	
}

/* --------------------------------------------------
	box left
-------------------------------------------------- */

.this_week_time {
	float: left;
	width: 190px;
	padding-bottom: 10px;
}

.this_week_time #period {
	padding: 5px 0 0 15px;
}

.image_box {
	width: 153px;
	margin: 0 auto;
}

.image_box img {
	margin-top: 25px;
}

/* --------------------------------------------------
	box right
-------------------------------------------------- */

.this_week_cont {
	float: right;
	width: 400px;
	padding-bottom: 10px;
}

.this_week_cont h3 {
	padding: 5px 0 0 40px;
	color: #ff3333;
	font-size: 1.2em;
	background: url(img/find.gif) no-repeat 20px 5px;
}

.this_week_cont p {
	padding: 5px 0 0 20px;
}

/* --------------------------------------------------
	info_nav
-------------------------------------------------- */

#info_nav {
	margin-top: 15px;
	background: url(img/nav_back.gif) repeat-x;
}

#info_nav ul {
	list-style-type: none;
	width: 600px;
	/*\*//*/
	overflow: hidden;
	/**/
}

#info_nav ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* --------------------------------------------------
	�����N��\���ĂȂ���Ԃ���ul��background���Ђ傤��
-------------------------------------------------- */

#info_nav ul li {
	float: left;
	height:30px;
	text-align: center;
}

#info_nav ul li.navi01 {
	display: inline;
	width: 155px;
	margin-left: 37px;
	text-align: center;
	background: url(img/btn_01.gif) no-repeat;
}

#info_nav ul li.navi02 {
	width: 124px;
	padding-left: 9px;
	background: url(img/btn_02.gif) no-repeat;
}

#info_nav ul li.navi03 {
	width: 124px;
	padding-left: 9px;
	background: url(img/btn_02.gif) no-repeat;
}

#info_nav ul li.navi04 {
	width: 124px;
	padding-left: 9px;
	padding-right: 9px;
	background: url(img/btn_04.gif) no-repeat;
}

/* --------------------------------------------------
	�����N��\���Ă��Ԃ���a��background���Ђ傤��
-------------------------------------------------- */

#info_nav ul li a {
	display: block;
	height: 30px;
	text-decoration: none;
}

#info_nav ul li.navi01 a.navi_01 {
	width: 155px;
	background: url(img/btn01.gif) no-repeat left top;
}

#info_nav ul li.navi02 a.navi_02 {
	width: 124px;
	background: url(img/btn02.gif) no-repeat;
}

#info_nav ul li.navi03 a.navi_03 {
	width: 124px;
	background: url(img/btn02.gif) no-repeat;
}

#info_nav ul li.navi04 a.navi_04 {
	width: 124px;
	background: url(img/btn02.gif) no-repeat;
}

#info_nav ul li span {
	display: block;
	padding-top: 7px;
}

#info_nav ul li a:hover {
	background-position: 0 -30px;
}

#info_nav ul li.navi02 a:hover {
	background-position: 0 -30px;
}

#info_nav ul li.navi03 a:hover {
	background-position: 0 -30px;
}

#info_nav ul li.navi04 a:hover {
	background-position: 0 -30px;
}