@charset "Shift_JIS";
/* CSS Document */

@import url("base2.css");
div#top{
	width:750px;
	height:130px;
	position:relative;
	margin:20px auto 20px auto;
	background:url(../flier/img/title_back.gif) no-repeat left top;
}
div#top h3{
	text-indent:-9999px;
	position:absolute;
	top:33px;
	left:250px;
}
div#top p{
	width:390px;
	color:#FFFFFF;
	position:absolute;
	top:70px;
	left:55px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////
//ナビ
/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
ul#menu{
	display:block;
	width:752px;
	height:35px;
	margin:0 auto 0 auto
}
ul#menu li{
	float:left;
}
ul#menu li a{
	display:block;
	width:186px;
	height:35px;
	text-indent:-9999px;
	margin-right:2px;
	background:url(../flier/img/btn_navi.gif) no-repeat;
}
ul#menu li#m1 a{
	background-position:0 0;
}
ul#menu li#m1 a:hover{
	background-position:0 -40px;
}
ul#menu li#m2 a{
	background-position:-188px 0;
}
ul#menu li#m2 a:hover{
	background-position:-188px -40px;
}
ul#menu li#m3 a{
	background-position:-376px 0;
}
ul#menu li#m3 a:hover{
	background-position:-376px -40px;
}
ul#menu li#m4 a{
	background-position:-564px 0;
}
ul#menu li#m4 a:hover{
	background-position:-564px -40px;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////
//一覧
/////////////////////////////////////////////////////////////////////////////////////////////////////////*/

div#flier{
	clear:both;
	margin:0 auto 0 auto;
	width:750px;
}
div#flier p#none{
	text-align:center;
	font-weight:bold;
	font-size:16px;
	margin:50px 0 50px 0;
}
div#flier div.fData{
	width:750px;
	height:90px;
	border-bottom:#666666 1px dashed;
	padding:15px 20px 15px 20px;
	position:relative;
}
div#flier div.fData a img{
	float:left;
	margin-right:20px;
}
div#flier div.fData h4 a{
	font-size:16px;
	font-weight:bold;
}
div#flier div.fData ul{
	position:absolute;
	display:block;
	bottom:12px;
	left:167px;
}
div#flier div.fData ul li{
	padding-left:50px;
	margin-bottom:2px;
}
div#flier div.fData ul li.day{
	background:url(../flier/img/icon_day.gif) no-repeat left center;
}
div#flier div.fData ul li.company{
	background:url(../flier/img/icon_company.gif) no-repeat left center;
}

/*/////////////////////////////////////////////////////////////////////////////////////////////////////////
//次のページへ・前のページへボタン
/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
p#next a, p#back a{
	width:106px;
	height:17px;
	display:block;
	text-indent:-9999px;
	float:right;
	margin-top:20px;
}
p#next a{
	background:url(../flier/img/btn_next.gif) no-repeat;
}
p#back a{
	background:url(../flier/img/btn_back.gif) no-repeat;
}
p#next a:hover, p#back a:hover{
	background-position:0 -18px;
}

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

  商品・キャンペーン

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

#commodity div#top h3{
	width:155px;
	height:15px;
	background:url(../flier/img/title_commodity.gif) no-repeat left top;
}

#commodity ul#menu{
	border-bottom:#459C1A 3px solid;
}
#commodity ul#menu li#m1 a{
	background-position:0 -40px;
}

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

  岡山

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

#okayama div#top h3{
	width:131px;
	height:15px;
	background:url(../flier/img/title_oka.gif) no-repeat left top;
}
#okayama ul#menu{
	border-bottom:#497CA5 3px solid;
}
#okayama ul#menu li#m2 a{
	background-position:-188px -40px;
}

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

  倉敷

///////////////////////////////////////////////////*/
#kurashiki div#top h3{
	width:131px;
	height:16px;
	background:url(../flier/img/title_kura.gif) no-repeat left top;
}

#kurashiki ul#menu{
	border-bottom:#497CA5 3px solid;
}
#kurashiki ul#menu li#m3 a{
	background-position:-376px -40px;
}

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

  その他

///////////////////////////////////////////////////*/
#other div#top h3{
	width:145px;
	height:15px;
	background:url(../flier/img/title_other.gif) no-repeat left top;
}

#other ul#menu{
	border-bottom:#497CA5 3px solid;
}
#other ul#menu li#m4 a{
	background-position:-564px -40px;
}


/*//////////////////////////////
////////////////////////////////
//details
/////////////////////////////*/
#main table{
	margin:0 auto;
}
table#contact{
	margin-top:20px;
}

#company {
background-color:#0099cc; color:#FFF; font-size:14px; font-weight:bold; text-align:center; line-height:130%;
}
#tel {
font-size:14px; font-weight:bold; color:#cc3333; background-color:#CCC; text-align:center
}
#site {
width:80px; background-color:#CCC; text-align:center
}