#container {
	width: 830px;
	margin: 0 auto;
	text-align: left;
}


#main {
	float: left;
	width: 630px;
	background: #ffffff;
}

#contents {
	float: left;
	width: 430px;
}

#contents p {
	padding: 20px 0;
}

#contents div.bdl {
	margin-bottom: 60px;
}


#contents div.bdl img {
	float: right;
}

#contents span.img img {
	padding: 5px;
	border: 1px solid #ebdef1;
}

#contents span.text {
	padding-right: 94px;
	line-height: 1.2;
	display: block;
	padding-left: 30px;
	font-size: 80%;
	background: url(../images/arrow.gif) left top no-repeat;
}

#contents span.price {
	font-size: 90%;
	padding-right: 94px;
	padding-left: 30px;
	padding-top: 5px;
	display: block;
	color: #FF6666;
}

#contents span.desc {
	padding-left: 30px;
	font-size: 80%;
	display: block;
	padding-right: 94px;
	padding-top: 10px;
	line-height: 1.2;
}

#contents .sub {
	font-size: 80%;
	margin-bottom: 30px;
	font-size: 80%;
}

#contents .sub ul {
	list-style: none;
}


#contents .sub li {
	float: left;
	position: relative;
	margin-top: 5px;
	border-right: 0;
	width: 125px;
	text-align: center;
	padding: 5px 0;
	background: pink;
}

#contents .sub li.lt {
	width: 125px;
}

#contents .sub li.on {
	color: #cc0000;
	font-weight: bold;
	background: red;
}

#contents .sub li.lton {
	color: #cc0000;
	font-weight: bold;
}

#contents .spc {
	clear: both;
}

#contents .clear {
	clear: both;
	margin: 0;
	margin-top: -10px;
	padding: 0;
}

#contents .page {
	text-align: center;
	font-size: 100%;
}

#contents .page ul {
	margin-top: 50px;
	margin-bottom: 20px;
	list-style: none;
}

#contents .page li {
	margin-right: 8px;
	margin-bottom: 8px;
	border: 1px solid #c1c1c1;
	float: left;
}

#contents .page a {
	display: block;
	width: 20px;
	padding: 5px;
}

#contents .page li.nowpage {
	color: #7f5959;
	background: #efd5d5;
	font-weight: bold;
	width: 20px;
	padding: 5px;
}


h1 {
	margin-bottom: 30px;
	padding-left: 15px;
	color: #292a2d;
	font-weight: normal;
	font-size: 100%;
	background: url(../images/h1bg.gif) left no-repeat;
}


#navi {
	float: right;
	width: 185px;
}

#navi .box {
	font-size: 80%;
}

#navi .box ul {
	list-style: none;
}

#navi .box li a {
	display: block;	padding: 9px 0;
	color: #6c5980;
	text-decoration: none;
	line-height: 1.3;
}

#navi li a:hover {
	font-weight: bold;
	text-decoration: none;
}

#navi li a.inmgn {
	width: 160px;
	padding-right: 20px;
	padding-left: 5px;
	border-bottom: 1px solid #ffffff;
	background: #f1e4f7;
}

#navi li a.inmgn:hover {
	font-weight: bold;
	text-decoration: none;
	background: #eddaf7 url(../images/go.gif) right no-repeat;
}

#navi li.now {
	width: 165px;	padding: 9px 0;
	padding-left: 5px;
	padding-right: 15px;
	border-bottom: 1px solid #ffffff;
	color: #443366;
	font-weight: bold;
	background: #dac3e5 url(../images/check.gif) right no-repeat;
	line-height: 1.3;
}

#navi .items {
	margin-top: 15px;
	border-top: 1px solid #dac3e5;
}

#navi .item {
	border: 1px solid #dac3e5;
	border-top: 0;
	padding: 10px;
	padding-top: 15px;
	text-align: center;
	background: #f8f6f1;
	font-size: 80%;
}


#navi span.stit {
	font-size: 75%;
	text-align: center;
	padding: 4px;
	display: block;
	background: #ebdef1;
	border: 1px solid #dac3e5;
	border-top: 0;
	color: #6c5980;
}

#navi .narrow {
	letter-spacing: -1px;
}


#subnavi {
	float: right;
	width: 185px;
}

#subnavi .box {
	font-size: 80%;
}

#subnavi .box ul {
	list-style: none;
}


#subnavi .box li a {
	display: block;	padding: 9px 0;
	color: #7c8059;
	text-decoration: none;
	line-height: 1.3;
}

#subnavi li a:hover {
	font-weight: bold;
	text-decoration: none;
}

#subnavi li a.inmgn {
	width: 160px;
	padding-right: 20px;
	padding-left: 5px;
	border-bottom: 1px solid #ffffff;
	background: #f5eee1;
}

#subnavi li a.inmgn:hover {
	font-weight: bold;
	text-decoration: none;
	background: #f0e6d3 url(../images/go2.gif) right no-repeat;
}
	
	
#subnavi li.now {
	width: 180px;	padding: 9px 0;
	padding-left: 5px;
	border-bottom: 1px solid #ffffff;
	color: #665533;
	font-weight: bold;
	background: #ebdfc7 url(../images/check2.gif) right no-repeat;
	line-height: 1.3;
}

#subnavi li.now_wlink a {
	width: 180px;	padding: 9px 0;
	padding-left: 5px;
	border-bottom: 1px solid #ffffff;
	color: #806a40;	
	background: #ebdfc7 url(../images/check2.gif) right no-repeat;
}

#subnavi li.now_wlink a:hover {
	background: #f0e6d3 url(../images/return.gif) right no-repeat;
}

#subnavi .related {
	margin-top: 15px;
	border: 1px solid #d9caad;
	font-size: 80%;
	background: #f5eee1;
}

#subnavi .related ul {
	list-style: none;
	padding: 10px;
}

#subnavi .related li {
	line-height: 1.6;
	padding-left: 12px;
	background: url(../images/rarrow.gif) left no-repeat;
}

#subnavi .related {
	color: #0f5499;
	text-decoration: none;
}

#subnavi .related a:visited {
	color: #0f5499;
	font-weight: normal;
	text-decoration: none;
}

#subnavi .related a:hover {
	color: #cc5285;
	font-weight: normal;
	text-decoration: underline;
}


#subnavi .subbox {
	margin-top: 15px;
	font-size: 80%;
}

#subnavi .subbox ul {
	list-style: none;
}

#subnavi .subbox li a {
	display: block;	padding: 9px 0;
	color: #7F5959;
	text-decoration: none;
	line-height: 1.3;
}

#subnavi .subbox li a:hover {
	font-weight: bold;
	text-decoration: none;
}

#subnavi .subbox li a.inmgn {
	width: 160px;
	padding-right: 20px;
	padding-left: 5px;
	border-bottom: 1px solid #ffffff;
	background: #F4E4E4;
}

#subnavi .subbox li a.inmgn:hover {
	font-weight: bold;
	text-decoration: none;
	background: #EFD5D5 url(../images/go3.gif) right no-repeat;
}

#subnavi .subbox li.now {
	width: 180px;	padding: 9px 0;
	padding-left: 5px;
	border-bottom: 1px solid #ffffff;
	color: #663633;
	font-weight: bold;
	background: #ebcac7 url(../images/check3.gif) right no-repeat;
	line-height: 1.3;
}





span.back {
	margin-top: 20px;
	float: left;
	font-size: 90%;
}

span.next {
	margin-top: 20px;
	float: right;
	font-size: 90%;
}

div.credit {
	text-align: right;
}

#subnavi li.now_wunder {
	padding: 9px 0;
	padding-left: 5px;
	border-bottom: 1px solid #ffffff;
	color: #665533;
	font-weight: bold;
	background: #ebdfc7;
}

#subnavi li.now_wunder ul {
	padding-top: 10px;
	padding-left: 5px;
}

#subnavi li.now_wunder li.now {
	width: 135px;
	padding-right: 25px;
	padding-left: 5px;
	border-bottom: 1px solid #ebdfc7;
	background: #f5eee1 url(../images/check2.gif) right no-repeat;
}

#subnavi li.now_wunder a {
	width: 135px;
	padding-right: 25px;
	padding-left: 5px;
	border-bottom: 1px solid #ebdfc7;
	font-weight: normal;
	text-decoration: none;
	background: #f5eee1;	
}

#subnavi li.now_wunder a:hover {
	font-weight: bold;
	background: #f5eee1 url(../images/go2.gif) right no-repeat;
}