#contents-area {
	background:#FFFFFF url(../images/navi_bg.gif) repeat-y scroll 0 0;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	width:900px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	
}

a:link {color:#330000;text-decoration:none;}
a:visited {color:#330000;text-decoration:none;}
a:active  {color:#330000;text-decoration:none;}
a:hover {color:#ff0000;text-decoration:underline;}

#footer {
	width:880px;
	border-top:#D91F27 solid 2px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}



.back-ptop {

	text-align:right;
	font-size:10px;
	clear:both;
	margin-top: 0px;
	margin-bottom: 5px;
	width:880px;
	margin-right: auto;
	margin-left: auto;
}

#topicpath {
width:880px;
	padding-top: 5px;
	padding-bottom: 10px;
		margin-right: auto;
	margin-left: auto;
}
#description {
	font-size: 12px;
	line-height: 25px;
	background-image: url(../yo_images/description_bg.jpg);
	background-repeat: repeat;
	margin-right: 33px;
	margin-left: 33px;
	margin-top: 10px;
}


.index-item-area {
	float: left;
	width: 164px;
	padding-right: 9px;
	padding-left: 0px;
	padding-bottom: 20px;
	background-image: url(../price/images/price_box_bg.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.index-button a {
	background-image: url(../images/index_buttons.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 0px;
	width: 134px;
	padding-top: 22px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
.index-ebook a {
	background-image: url(../images/index_buttons.jpg);
	background-repeat: no-repeat;
	background-position: 0px -29px;
	display: block;
	height: 0px;
	width: 134px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 22px;
	overflow: hidden;
	margin-top: 7px;
}.index-item-area h2 {
	width: 92px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}
.inde-item-name {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 7px;
	width: 134px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.index-item-area h2 img {
	background-image: url(../price/images/index_cover_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 1px;
}


.index-item-area h2 .towany {
	background-image: url(../price/images/index_cover_bg_t.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 1px;
}



.index-title-bar {
	width: 869px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 15px;
}
#rank-area   {
	background-image: url(../yo_images/rank_bg.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 389px;
	position: relative;
	width: 868px;
	margin-right: auto;
	margin-left: auto;
}
#rank-area h2 {position: absolute;top: 20px;}
#ayl-area h3 {
	margin-left: -16px;
}

#rank-area .spec {position: absolute;top: 259px; width:134px;position: absolute;}


#rank01 h2 {position: absolute;left: 90px;}
#rank02 h2 {position: absolute;left: 370px;}
#rank03 h2 {position: absolute;left: 654px;}

#rank01 .spec {left: 105px;}
#rank02 .spec {left: 385px;}
#rank03 .spec {left: 667px;}

#ayl-area {
	background-color: #EAE8DC;
	padding-right: 16px;
	padding-left: 16px;
	padding-bottom: 10px;
}
.cat-area {
	background-color: #FFFFFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 868px;
	margin-bottom: 25px;
}
#cat-title {
	float: left;
	width: 302px;
	font-size: 12px;
	line-height: 20px;
	color: #575757;
	margin-right: 24px;
	margin-left: 20px;
	_margin-left: 10px;}



/*----------------------novelty---------------------*/
.step {
	width: 711px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #9F9F9F;
	padding-bottom: 15px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 119px;
	font-size: 12px;
	line-height: 20px;
	position: relative;
}
.order {
	position: absolute;
	left: auto;
	top: auto;
	right: 0px;
	bottom: 21px;
}
.step  span {
	font-weight: bold;
	color: #4EAFDA;
}

#step01{background-image: url(../novelty/images/novelty_bg01.jpg);}
#step02{background-image: url(../novelty/images/novelty_bg02.jpg);}
#step03{background-image: url(../novelty/images/novelty_bg03.jpg);}
#step04{
	background-image: url(../novelty/images/novelty_bg04.jpg);
	padding-right: 166px;
	width: 545px;
}
#step05{background-image: url(../novelty/images/novelty_bg05.jpg);}
#description span {
	font-weight: bold;
	color: #435ba5;
}


a:link {color:#330000;text-decoration:underline;}
a:visited {color:#330000;text-decoration:underline;}
a:active  {color:#330000;text-decoration:underline;}
a:hover {color:#ff0000;text-decoration:underline;}