@charset "utf-8";
@import url("base.css");
@import url("common.css");





/* ---------- flash ---------- */

#flash {
	padding:0 0 10px;
}

#flash div {
	width:480px;
	height:240px;
	background:url(../../images/top/bg_main.jpg) left top no-repeat;
	padding:20px 420px 0 20px;
	color:#FFFFFF;
}

#flash div h3 {
	font-size:105%;
	line-height:1.5em;
	padding:0 0 5px;
}





/* ---------- main ---------- */

#main {
	width:685px;
	float:left;
}





/* ---------- flyer ---------- */

#main #flyer {
	width:685px;
	float:left;
	background:url(../../images/top/bg_month.gif) left top no-repeat;
	padding:20px 0 10px;
}

#main #flyer h4 {
	float:left;
	padding:0 0 12px 95px;
}

#main #flyer p {
	float:right;
	padding:6px 10px 0 0;
}

#main #flyer dl {
	width:575px;
	padding:0 85px 10px 25px;
	float:left;
	background:url(../../images/top/bg_month_dl.gif) left bottom no-repeat;
	font-size:75%;
	line-height:1.5em;
}

#main #flyer dt {
	float:left;
	background:url(../../images/base/bg_arr.gif) left 5px no-repeat;
	font-weight:bold;
	padding:0 0 0 10px;
}

#main #flyer dd {
	padding:0 0 10px 185px;
}

#main #flyer .kobac {
	background:url(../../images/top/flyer_bg_kobac.gif) 100px 2px no-repeat;
}

#main #flyer .modori {
	background:url(../../images/top/flyer_bg_modori.gif) 100px 2px no-repeat;
}

#main #flyer .compact {
	background:url(../../images/top/flyer_bg_compact.gif) 100px 2px no-repeat;
}





/* ---------- menu ---------- */

#main #menu {
	width:696px;
	float:left;
	margin:0 -11px 0 0;
	padding:0 0 15px;
	display:inline;
}

#main #menu li {
	width:221px;
	float:left;
	display:inline;
	margin:0 11px 0 0;
	padding:0 0 10px;
	background:url(../../images/top/bg_sn.gif) left bottom no-repeat;
}

#main #menu li p {
	padding:10px 15px 0;
	font-size:65%;
	line-height:1.5em;
}

#main #mitsumori ul {
	width:696px;
	float:left;
	margin:0 -11px 0 0;
	display:inline;
}

#main #mitsumori ul li {
	width:221px;
	float:left;
	display:inline;
	margin:0 11px 0 0;
	padding:0 0 10px;
}



/* ---------- news ---------- */

#main #news {
	width:685px;
	float:left;
	padding:5px 0 0;
}

#main #news h5 {
	padding:0 0 15px;
}

#main #news dl {
	font-size:75%;
	line-height:1.5em;
	padding:0 5px 10px;
}

#main #news dt {
	float:left;
	background:url(../../images/base/bg_arr.gif) left 5px no-repeat;
	font-weight:bold;
	padding:0 0 0 10px;
}

#main #news dd {
	padding:0 0 10px 105px;
	margin:0 0 10px;
	border-bottom:#CCCCCC 1px dotted;
	
}





/* ---------- shop ---------- */

#main #shop {
	width:685px;
	float:left;
	padding:5px 0 15px;
}

#main #shop h5 {
	padding:0 0 15px;
}

#main #shop p {
	padding:0 5px 15px;
}

#main #shop ul {
	width:696px;
	float:left;
	margin:0 -11px 0 0;
	display:inline;
}

#main #shop ul li {
	width:221px;
	float:left;
	display:inline;
	margin:0 11px 0 0;
	padding:0 0 10px;
}





/* ---------- side ---------- */

#side {
	width:205px;
	float:right;
	padding:9px 0 0;
}





/* ---------- campaign ---------- */

#side #campaign {
	background:url(../../images/top/bg_campaign.gif) left bottom no-repeat;
	margin:0 0 15px;
}

#side #campaign dd {
	font-size:65%;
	line-height:1.3em;
	padding:0 20px 15px;
}

#side #campaign dd span {
	padding:0 0 6px 15px;
	display:block;
}