@charset "Shift_JIS";
/***************************************************************

* WAKAMATSUEN home.css

* COPYRIGHT(C)MARUWA COMMERCIAL FIRM CO.,LTD. ALL RIGHTS RESERVED.

***************************************************************/

/* header
***************************************************************/
#header {
	height: 40px;
}
#header #logo {
	position: absolute;
	top: 360px;
	left: 15px;
}
#header #shop-info {
	position: absolute;
	top: 400px;
	left: 15px;
}
#header #sub-nav li {
	float: left;
}
/* falsh
***************************************************************/
#flash {
	margin: 0 0 20px;
}
/* content
***************************************************************/
#content {
	padding-left: 310px;
/*	height: 460px;
*/
}
/* main
***************************************************************/
#main-wrap {
	width: 370px;
	float: left;
	padding: 0 30px;
}


/*=========ここ追加===========*/
#news{
	overflow:visible;
}

/*=========ここまで===========*/


#news dt {
	color: #C00;
}
#news dt span {
	color: #333;
	font-size: .9em;
	display: block;
}
#news dd {
	padding: 0 0 10px;
	margin: 0 0 10px;
	background: url(../img/common/dot.gif) repeat-x left bottom;
}
/* sidebar
***************************************************************/
#sideabr {
	width: 160px;
	min-height: 460px;
	float: right;
}
/* sub nav
***************************************************************/
#sub-nav {
	position: absolute;
	top: 10px;
	right: 15px;
}

#sub-nav ul li {
	float : left;
}

#sub-nav ul li a {
	display: block;
	height : 20px;
	overflow : hidden;
	background: url(../img/common/sub-nav.gif) no-repeat;
	text-indent: -5000px;
}

#sub-nav ul li#sn-02 a {
	width: 104px;
	background-position: 0 0;
}
#sub-nav ul li#sn-03 a {
	width: 57px;
	background-position: -104px 0;
}
#sub-nav ul li#sn-02 a:hover {
	width: 104px;
	background-position: 0 100%;
}
#sub-nav ul li#sn-03 a:hover {
	width: 57px;
	background-position: -104px 100%;
}

/* nav_home
***************************************************************/
#nav_home {
	position: absolute;
	top: 10px;
	border: none;
}
#nav_home ul li {
	float: left;
	margin: 0 10px 0 0;
}
#nav_home ul li a {
	width: 80px;
	height: 20px;
	display: block;
	overflow : hidden;
	background: url(../img/common/navi.gif) no-repeat;
	text-indent: -5000px;
}

#nav_home ul li#n-01 a {
	background-position: 0 0;
}
#nav_home ul li#n-02 a {
	background-position: -90px 0;
}
#nav_home ul li#n-03 a {
	background-position: -180px 0;
}
#nav_home ul li#n-04 a {
	background-position: -270px 0;
}
#nav_home ul li#n-05 a {
	background-position: -360px 0;
}
#nav_home ul li#n-06 a {
	background-position: -450px 0;
}
#nav_home ul li#n-07 a {
	background-position: -540px 0;
}
#nav_home ul li#n-01 a:hover {
	background-position: 0 100%;
}
#nav_home ul li#n-02 a:hover {
	background-position:  -90px 100%;
}
#nav_home ul li#n-03 a:hover {
	background-position: -180px 100%;
}
#nav_home ul li#n-04 a:hover {
	background-position: -270px 100%;
}
#nav_home ul li#n-05 a:hover {
	background-position: -360px 100%;
}
#nav_home ul li#n-06 a:hover {
	background-position: -450px 100%;
}
#nav_home ul li#n-07 a:hover {
	background-position: -540px 100%;
}

#btn-login {
	margin: 0 0 20px;
}


/* CM movie
***************************************************************/
#CMmovie {
	position: absolute;
	top: 70px;
	left: -310px;
}
/* QR code
***************************************************************/
#qr {
	position: absolute;
	top: 350px;
	left: -310px;
}
/*::twitter::*/
#twitter {
	position: absolute;
	top: 475px;
	left: -310px;
}