@charset "utf-8";

#title h1#h1-index {
	width: 960px;
	height: 130px;
	text-indent: -9999px;
	background: url(../images/h1-index.jpg) no-repeat;
}

#title h1#h1-order {
	width: 960px;
	height: 36px;
	text-indent: -9999px;
	background: url(../images/h1-order.gif) no-repeat;
}


/* main
------------------------------------------------------------------- */
/* item-section */
#item-section {
	margin-bottom: 30px;
}

.item-list .item-list-left {
	width: 355px;
	float: left;
}

.item-list .item-list-right {
	width: 355px;
	float: right;
}

.item-list .item-list-left dt, .item-list .item-list-right dt {
	color: #669900;
	font-weight: bold;
}

.item-list dd {
	padding: 3px 0;
	background: url(../../common/images/bdr-dotted.gif) left bottom repeat-x;
}

.item-list dd.item-image, .item-list dd.list-end {
	background: none;
}

#variation-list {
	margin-top: 6px;
}

#variation-list li {
	width: 85px;
	margin: 0 0 5px 5px;
	float: left;
	font-size: 85%;
}

#variation-list li.variation-list-first {
	margin-left: 0;
}


/* order-section */
#order-section {
	margin-bottom: 30px;
	padding: 11px;
	border: 1px solid #669900;
	background-color: #f3fae6;
}

#order-section h3 {
	margin-bottom: 4px;
	padding-bottom: 8px;
	background: url(../../common/images/bdr-dotted.gif) left bottom repeat-x;
}

#order-section dl {
	padding-top: 8px;
	background: url(../../common/images/bdr-dotted.gif) left top repeat-x;
}

#order-section dt {
	font-weight: bold;
}


/* sub
------------------------------------------------------------------- */
/* side-nav */
#side-nav li#side-nav-1 a { background: url(../images/side-nav-1.gif) no-repeat; }
#side-nav li#side-nav-1 a:hover { background: url(../images/side-nav-1-hover.gif) no-repeat; }
#side-nav li#side-nav-1 span { background: url(../images/side-nav-1-current.gif) no-repeat; }

#side-nav li#side-nav-2 a { background: url(../images/side-nav-2.gif) no-repeat; }
#side-nav li#side-nav-2 a:hover { background: url(../images/side-nav-2-hover.gif) no-repeat; }
#side-nav li#side-nav-2 span { background: url(../images/side-nav-2-current.gif) no-repeat; }