@charset "utf-8";

/* index
----------------------------------------------------------- */
body {
	background: none;
}F


/* pankuzu
----------------------------------------------------------- */
#pankuzu {
	width:900px;
	margin:0px auto;
	padding:0px;
	height: 0px;
	display: none;
}

div#index {
	width:900px;
	height: auto;
	margin:0px auto;
}

div#index div.indexWrap {
	width: 900px;
	height: auto;
	margin: 0px auto 40px auto;
}

/* common h2 with underLine */
div#index div.indexWrap h2 {
	width: auto;
	margin: 0px;
	padding: 0px;
	border-bottom: #999999 1px solid;
}

/* Main Flash Area */
div#index div.indexWrap div#indexFlashArea {
	width: 583px;
	height: 621px;
	padding: 9px;
	margin: 0px 22px 0px 0px;
	background: url(../images/index/bg_flashArea.jpg) no-repeat;
	float: left;
}

div#index div.indexWrap div.leftContentBox {
	width: 277px;
	float: left;
}

/* shop Box */
div#index div.indexWrap div.leftContentBox div#shopBox {
	width: 259px;
	margin: 3px 0px 14px 0px;
	/margin: 3px 0px 12px 0px;
	border: #d4d4d4 1px solid;
	padding: 7px 8px 0px 8px;
}
div#index div.indexWrap div.leftContentBox div#shopBox a.imgLink {
	width: 259px;
	height: 280px;
	display: block;
	margin: 0px 0px 13px 0px;
	cursor: pointer;
}
div#index div.indexWrap div.leftContentBox div#shopBox a.imgLink:hover p.txt {
	text-decoration: underline;
}

div#index div.indexWrap div.leftContentBox div#shopBox a.ginza {
	color:#F7836C;
}
div#index div.indexWrap div.leftContentBox div#shopBox a.ginza:hover{
	color:#FAB6A7;
	text-decoration: underline;
}
div#index div.indexWrap div.leftContentBox div#shopBox p {
	margin: 0px;
	padding: 0px;
}
div#index div.indexWrap div.leftContentBox div#shopBox p.txt {
	padding: 0px 0px 20px 0px;
	background: url(../images/index/bg_shop_line.jpg) no-repeat center bottom;
	display: block;
	text-align: center;
	margin: 13px auto 0px auto;
	height: 59px;
}
div#index div.indexWrap div.leftContentBox div#shopBox dl {
	width: 259px;
	margin: 0px auto 6px auto;
	padding: 0px;
}
div#index div.indexWrap div.leftContentBox div#shopBox dl dt {
	width: 158px;
	margin: 0px;
	padding: 0px;
	float: left;
}
div#index div.indexWrap div.leftContentBox div#shopBox dl dd {
	width: 101px;
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: right;
}

div#index div.indexWrap div.leftContentBox div#shopBox dl dt a {
	display: block;
	width: 158px;
	height: 18px;
	margin: 0 0 4px 0px;
	padding: 0;
	clear: both;
	text-decoration: none;
	outline: none;
}
div#index div.indexWrap div.leftContentBox div#shopBox dl dd a {
	display: block;
	width: 101px;
	height: 18px;
	margin: 0 0 4px 0px;
	padding: 0;
	clear: both;
	text-decoration: none;
	outline: none;
}
div#index div.indexWrap div.leftContentBox div#shopBox dl dt a:hover {
	color:#CCCCCC;
	width: 158px;
	text-decoration: none;
}
div#index div.indexWrap div.leftContentBox div#shopBox dl dd a:hover {
	color:#CCCCCC;
	width: 101px;
	text-decoration: none;
}
dt.hover a, dd.hover a { /*Otto 100708*/
	color: #CCCCCC !important;
	height: 17px !important;
	text-decoration: none;
	border-bottom: #CCC 1px solid;
}
dt.item4.hover a.ginza { /*Otto 100708*/
	color: #fbc0b4 !important;
	height: 17px !important;
	text-decoration: none !important;
	border-bottom: #fbc0b4 1px solid;
}
dd.item4.hover a.ginza { /*Otto 100708*/
	color: #fbc0b4 !important;
	height: 17px !important;
	text-decoration: none !important;
	border-bottom: #fbc0b4 1px solid;
}

div#index div.indexWrap div.leftContentBox div#shopBox ul {
	margin: 0px;
	width: 259px;
	height: 32px;
	margin: 0px;
	padding: 0px;
}
div#index div.indexWrap div.leftContentBox div#shopBox ul li {
	float: left;
}

div#index div.indexWrap div.leftContentBox ul#newsBox {
	width: 277px;
}
div#index div.indexWrap div.leftContentBox ul#newsBox li {
	width: 277px;
	height: 55px;
	/height: 54px;/*** hack for IE6,IE7 ***/
	position: relative;
	border-bottom: #E0E0E0 1px solid;
	padding: 0px;
	margin: 0px;
}
div#index div.indexWrap div.leftContentBox ul#newsBox li a {
	display: block;
	width: 277px;
	height: 55px;
	/height: 54px;/*** hack for IE6,IE7 ***/
	position: relative;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}
div#index div.indexWrap div.leftContentBox ul#newsBox li.gw a {
	color: #52B867;
	outline: none;
}
div#index div.indexWrap div.leftContentBox ul#newsBox li p {
	position: absolute;
	line-height: 1.3;
	padding: 0px;
	top: 50%;
	margin-top: -0.7em;
}
div#index div.indexWrap div.leftContentBox ul#newsBox li p.two {
	margin-top: -1.3em;
}
div#index div.indexWrap div.leftContentBox ul#newsBox li p.three {
	margin-top: -1.8em;
}


div#index div.indexWrap.none {
	margin: 0px;
}


/* pickUp */
div#index div.indexWrap div#pickupBox {
	margin: 0px 22px 0px 0px;
	padding: 0px;
	width: 601px;
	float: left;
}
div#index div.indexWrap div#pickupBox ul {
	margin: 0px;
	padding: 0px;
	width: 601px;
}
div#index div.indexWrap div#pickupBox ul li {
	margin: 17px 19px 0px 0px;
	padding: 0px;
	width: 291px;
	height: 187px;
	position: relative;
	background: url(../images/index/bg_pickup.jpg) no-repeat;
	float: left;
}
div#index div.indexWrap div#pickupBox ul li.right {
	margin: 17px 0px 0px 0px;
}
div#index div.indexWrap div#pickupBox ul li div {
	position: absolute;
	top: 14px;
	left: 14px;
	width: 262px;
	height: 115px;
}
div#index div.indexWrap div#pickupBox ul li p {
	position: absolute;
	top: 141px;
	left: 14px;
	width: 262px;
	text-align: left;
	font-size: 11px;
	line-height: 1.3;
}

/* infoBox */
div#index div.indexWrap div#infoBox {
	margin: 0px;
	padding: 0px;
	width: 277px;
	float: left;
}
div#index div.indexWrap div#infoBox ul {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	width: 277px;
	float: left;
}
div#index div.indexWrap div#infoBox ul li {
	margin: 0px;
	padding: 6px 0px 7px 0px;
	width: 277px;
	height: 70px;
	border-bottom: #E0E0E0 1px solid;
}
div#index div.indexWrap div#infoBox ul li.none {
	border-bottom: none;
	padding: 6px 0px 0px 0px;
}