@charset "shift_jis";

/* ---------- 97周年用CSS ---------- */


/* ====================
ペコちゃんのほっぺ
==================== */
#hoppe_marron {
	width: 760px;
}
#hoppe_marron .hoppe_marron-box {
	background: url(/cake/hoppe_marron/images/index_bg001.gif) repeat-y left top;
	_height: 1%;
}
#hoppe_marron .hoppe_marron-box .hoppe_marron-con {
	padding: 0 50px;
}

/* リード部 */
#hoppe_marron .lead-box {
	min-height: 272px;
	_height: 272px;
	background: url(/cake/hoppe_marron/images/index_il001.gif) no-repeat right top;
}
#hoppe_marron .lead-box p.lead-txt {
	width: 370px;
	margin: 30px 0 0 15px;
	color: #5d2703;
	line-height: 140%;
}

/* ミーティング部 */
#hoppe_marron .meeting-box {
	margin-top: 30px;
}
#hoppe_marron .meeting-box .meeting-con {
	position: relative;
}
#hoppe_marron .meeting-box .meeting-con .notepad-box {
	width: 280px;
	background: url(/cake/hoppe_marron/images/index_bg005.gif) repeat-y left top;
}
#hoppe_marron .meeting-box .meeting-con .notepad-box dd {
	padding: 10px 15px 20px 15px;
	background: url(/cake/hoppe_marron/images/index_bg006.gif) no-repeat left bottom;
	color: #5d2703;
	line-height: 140%;
	_height: 1%;
}
#hoppe_marron .meeting-box .meeting-con .meeting01 {
	position: absolute;
	top: 37px;
	left: 15px;
	z-index: 2;
}
#hoppe_marron .meeting-box .meeting-con .meeting02 {
	position: absolute;
	top: 0px;
	left: 349px;
	z-index: 2;
}
#hoppe_marron .meeting-box .meeting-con .meeting03 {
	position: absolute;
	top: 0px;
	left: 15px;
	z-index: 2;
}

/* 商品部 */
#hoppe_marron .product-box {
	position: relative;
	width: 634px;
	background: url(/cake/hoppe_marron/images/index_bg007.gif) repeat-y left top;
	_height: 1%;
}
#hoppe_marron .product-box .product-con {
	padding: 0 17px;
}
#hoppe_marron .product-box .hoppe-ph {
	position: absolute;
	top: 0px;
	right: 0px;
}
#hoppe_marron .product-box .hoppe-bt {
	position: absolute;
	top: 236px;
	right: 25px;
}
#hoppe_marron .product-box .product-new {
	width: 310px;
	min-height: 235px;
	_height: 235px;
	margin: 0;
}
#hoppe_marron .product-box .product-new p {
	color: #5d2703;
}
#hoppe_marron .product-box .product-new p.note {
	color: #cc3300;
}
#hoppe_marron .product-box dl {
	margin-top: 15px;
}
#hoppe_marron .product-box dl dd {
	margin: 3px 0 0 3px;
	color: #5d2703;
	line-height: 140%;
}

#hoppe_marron .top {
	width:760px;
	height:43px;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	border-bottom:#8a6638 solid 1px;
}
#hoppe_marron .top img.left {
	margin:5px 0 0 0;
	float:left;
}
#hoppe_marron .top img.right {
	margin:9px 0 0 0;
	float:right;
}

/* ====================
90周年トビラ
==================== */
#ninetyseven .topcon-box {
	width: 760px;
	background: url(/97th/images/index_bg001.gif) repeat-x left top #fff2d6;
	color: #511e00;
	_height: 1%;
}

/* リード部 */
#ninetyseven .topcon-box .lead-box {
	position: relative;
	height: 276px;
	background: url(/97th/images/index_main_bg001.jpg) no-repeat left top;
}
#ninetyseven .topcon-box .lead-box .lead-il01 {
	position: absolute;
	top: 8px;
	left: 6px;
	z-index: 1;
}
#ninetyseven .topcon-box .lead-box .lead-ti01 {
	position: absolute;
	top: 8px;
	left: 130px;
	z-index: 1;
}
#ninetyseven .topcon-box .lead-box .lead-ti02 {
	position: absolute;
	top: 184px;
	left: 150px;
	z-index: 1;
}
#ninetyseven .topcon-box .lead-box .lead-tx01 {
	position: absolute;
	top: 99px;
	left: 46px;
	z-index: 2;
}

/* イベント部 */
#ninetyseven .event-box {
	position: relative;
	width: 730px;
	margin-top: 12px;
}
#ninetyseven .event-box .event-ex {
	position: absolute;
	z-index: 1;
}
#ninetyseven .event-box .ex-top01 {
	top: 7px;
	left: 7px;
}
#ninetyseven .event-box .ex-top02 {
	top: 7px;
	left: 380px;
}
#ninetyseven .event-box .ex-bottom01 {
	bottom: 7px;
	right: 7px;
}
#ninetyseven .event-box .ex-bottom02 {
	bottom: 7px;
	left: 304px;
}
#ninetyseven .event01 {
	background: url(/97th/images/index_event_bg101.gif) repeat-y left top;
}
#ninetyseven .event02 {
	background: url(/97th/images/index_event_bg201.gif) repeat-y left top;
}
#ninetyseven .event03 {
	background: url(/97th/images/index_event_bg301.gif) repeat-y left top;
}

#ninetyseven .event-box .event-con {
	padding: 0 14px;
}
#ninetyseven .event-box .event-con .boxsize329 {
	width: 329px;
}
#ninetyseven .event-box .event-con .boxsize489 {
	width: 489px;
}
#ninetyseven .event-box .event-con .event-section {
	margin: 0 10px;
}

#ninetyseven .event-box .event-con .event-ti {
	position: relative;
	margin-bottom: 6px;
}
#ninetyseven .event-box .event-con .event-il01 {
	float: left;
	margin-left: 15px;
}
#ninetyseven .event-box .event-con .event-obj01 {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
}
#ninetyseven .event-box .event-con .event-obj02 {
	display: block;
	position: absolute;
	top: 0px;
	right: 8px;
}
#ninetyseven .event-box .event-con .event-bt01 {
	margin-top: 3px;
}
#ninetyseven .event-box .event-con .event-bt02 {
	margin-top: 10px;
}
#ninetyseven .event-box .event-con .blank-space {
	float: right;
	width: 85px;
	height: 48px;
}
#ninetyseven .event-box .event-con ol.standard {
	margin: 0 0 0 25px;
	padding: 0;
}


/* ====================
おうちデザイン
==================== */
/* タイトル */
#ninetyseven #design07 .design-title {
	position: relative;
}
#ninetyseven #design07 .design-title span {
	display: block;
	position: absolute;
	top: 4px;
	right: 10px;
}

/* 大枠部 */
#ninetyseven #design07 .design07-box {
	width: 760px;
	padding: 20px 0;
	border-top: solid 1px #8a6638;
	background: #fff1e3;
	color: #7d4931;
}

/* リード部 */
#ninetyseven #design07 .design-lead {
	position: relative;
	top: 0px;
	left: 28px;
	min-height: 207px;
	_height: 207px;
}
#ninetyseven #design07 .design-lead .il01 {
	position: absolute;
	top: 30px;
	left: 490px;
}
#ninetyseven #design07 .design-lead .lead-txt {
	width: 455px;
	margin: 10px 0 0 20px;
	line-height: 140%;
}

/* 枠部 */
#ninetyseven #design07 .design07-frame {
	width: 704px;
	margin-top: 15px;
	background: url(/97th/house/images/index_bg001.gif) repeat-y left top;
}
#ninetyseven #design07 .design07-con {
	padding: 0 20px;
}

#ninetyseven #design07 .design07-con dl.boshu dt {
	margin: 20px 0 0 0;
}
#ninetyseven #design07 .design07-con dl.boshu dt.first {
	margin: 0;
}
#ninetyseven #design07 .design07-con dl.boshu dd {
	margin: 5px 0 0 10px;
	line-height: 140%;
}

#ninetyseven #design07 .design07-con .attention-frame {
	margin-top: 25px;
	background: #ffe7ca;
}
#ninetyseven #design07 .design07-con .attention-frame dl {
	padding: 0 10px;
}

#ninetyseven #design07 .design07-con ol.standard {
	margin: 0 0 0 25px;
}

#ninetyseven #design07 .design07-con ol.standard li {
	line-height: 140%;
}
#ninetyseven #design07 .design07-con ol.standard2 {
	margin: 0 0 0 23px;
}

#ninetyseven #design07 .design07-con ol.standard2 li {
	line-height: 140%;
	list-style:none;
}
#ninetyseven #design07 .design07-con ol.standard2 li span {
    text-indent:-1.1em;
}
#ninetyseven #design07 .design07-con ul.standard li {
	background: url(/97th/house/images/index_li_ic001.gif) no-repeat 0 0.25em;
	line-height: 140%;
}
#ninetyseven #design07 .design07-con ul.disc li {
	margin: 0 0 0 20px;
	padding: 0;
}
#ninetyseven #design07 .design07-con ul.disc li {
	list-style: disc;
	line-height: 140%;
}
#ninetyseven #design07 .design07-con ul.disc li span {
    font-size:80%;
}

#ninetyseven #design07 .design07-con .item01 {
	margin-top: 5px;
}
#ninetyseven #design07 .design07-con .item02 {
	margin-top: 10px;
}
#ninetyseven #design07 .design07-con .item03 {
	margin-top: 15px;
}
#ninetyseven #design07 .design07-con .item04 {
	margin-top: 5px;
}
#ninetyseven #design07 .design07-con .item05 {
	margin-top: 15px;
}
#ninetyseven #design07 .design07-con .item06 {
    margin-top:5px;
    font-size:80%;
}
#ninetyseven #design07 .design07-con .notes2 {
	text-indent: -2.3em;
	padding-left: 2.3em;
}
#ninetyseven #design07 .design07-con .bt01 {
	margin-top: 10px;
	text-align: right;
}
#ninetyseven #design07 .design07-con .bt02 {
	margin-top: 30px;
	text-align: center;
}

#ninetyseven #design07 .design07-con .plug-reader {
	margin-top: 30px;
	padding: 15px 0 0 105px;
	border-top: solid 1px #d5915b;
}
#ninetyseven #design07 .design07-con .plug-reader img {
	float: left;
}
#ninetyseven #design07 .design07-con .plug-reader .plug-txt {
	padding-left: 120px;
}