@charset "UTF-8";

/*
 * style.css
 */

body {
 text-align: center;
}

#header {
 position: relative;
 width: 950px;
 margin: 0 auto 10px;
 text-align: left;
}

#contents {
 position: relative;
 width: 950px;
 margin: 0 auto 10px;
 text-align: left;
}

#contents .main_contents {
 float: right;
 position: relative;
 width: 730px;
}

#contents .side_contents {
 float: left;
 position: relative;
 width: 200px;
}

#footer {
 position: relative;
 width: 950px;
 margin: 0 auto 10px;
 text-align: left;
}

/* pagetopFixed
---------------------------------------------------------- */

div#pagetopFixed {
	position: fixed;
	right: 10px;
	bottom: 10px;
	_position:absolute !important;/* ie6 */
	_top: expression((documentElement.scrollTop || document.body.scrollTop) + document.documentElement.clientHeight - this.offsetHeight - 10+ 'px');/* ie6 */
	_left: expression((documentElement.scrollLeft || document.body.scrollLeft) + document.documentElement.clientWidth -58 + 'px');/* ie6 */
	width: 48px;
	height: 48px;
	cursor:pointer;
	z-index: 10;
}

/* header
---------------------------------------------------------- */

#header h1 {
 font-size: 0.8em;
 color: #999;
 text-align: right;
}

#header .h1text {
 position: absolute;top: 37px;left: 430px;
 width: 520px;
}

#header .h1text .update {
 text-align: right;
 font-size: 90%;
 color: #999;
}
#header .h1text_wrapper {
 border: dotted 1px #ccc;
 padding: 5px;
}

#header .navi {
 border-top: 1px solid #999;
 border-bottom: 1px solid #999;
}

#header .navi li {
 float: left;
 width: 190px;
 padding: 5px 0;
}

#header .navi li a { display: block;text-align: center; padding: 3px 0; }
#header .navi li a:hover { background: #666;color: #fff;text-decoration: none; }


/* side_contents
---------------------------------------------------------- */


#contents .side_contents .side_category li {
 border-right: #ccc 1px solid;
 border-left: #ccc 1px solid;
}

#contents .side_contents .side_category li {
 width: 198px;
 border-bottom: #ccc 1px solid;
}

#contents .side_contents .side_category li a {
 display: block;
 padding: 8px 2px 8px 20px;
 color: #333;
 background:url(../images/category_back.jpg) no-repeat;
}

#contents .side_contents .side_category li a:hover {
 padding: 8px 2px 8px 23px;
 color: #333;
 text-decoration: none;
 background-position: -196px 0px;
}


/* contents
---------------------------------------------------------- */

#contents .main_contents .h3title {
 padding: 3px 10px;
 background: #666;
 color: #fff;
}

#contents .main_contents .recommend {
 position: relative;
 border: #ccc solid 1px;
}

#contents .main_contents .recommend .rlogo_del {
 position: absolute;top: 179px;left: 1px;
 width: 50px;
 height: 20px;
}

/* ranking --- */

.icon {
 text-align: center;
}

.icon li {
 display: inline;
}

.rank_bt {
 padding-bottom: 20px;
 text-align: center;
 border-bottom: dotted 1px #ccc;
}

.rank01 {
 position: relative;
 border-bottom: dotted 1px #ccc;
 margin-bottom: 20px;
}
.rank01_wrapper {
 padding: 10px 10px 20px;
}

.rank01 .image_box {
 float: left;
 width: 300px;
 text-align: center;
}

.rank01 .text_box {
 float: right;
 width: 380px;
}

.rank01 .rank_icon {
 text-align: right;
}

.rank01 h4 {}

.rank01 .point {
 text-align: right;
 font-weight: bold;
}

.rank01 .price {
 text-align: right;
}

/*---*/

.rank0203 {
 padding: 0px 10px 10px;
}

.ranking_area .line {
 padding: 0px 10px 20px;
 border-bottom: dotted 1px #ccc;
}

.rank0203 .rank_icon {
 text-align: right;
}

.rank0203 .rank_icon img {
 width: 50px;
 height: 50px;
}

.rank02 {
 float: left;
 width: 300px;
}

.rank03 {
 float: right;
 width: 300px;
}

.rank02_wrapper, .rank03_wrapper {
 padding:0px 30px; 
}

.rank0203 .image_box {
 text-align: center;
 margin-bottom: 5px;
}

.rank0203 h4 {
 text-align: center;
}

.rank0203 .point {
 text-align: right;
 font-weight: bold;
}

.rank0203 .price {
 text-align: right;
}

.rank0203 .price img {
 height: 34px;
}

/*---*/

.rank_other {
 padding-left: 10px;
 margin-bottom: 30px;
}

.rank_other .rank_box {
 float: left;
 width: 250px;
 height: 390px;
 border-bottom: dotted 1px #ccc;
 margin-bottom: 20px;
}

.rank_other .last {
 float: left;
 width: 210px;
}

.rank_other .rank_box_wrapper {
 width: 210px;
}

.rank_other .image_box {
 width: 210px;
 height: 215px;
 text-align: center;
}

.rank_other .rank_icon {
 text-align: right;
}

.rank_other .icon {
 text-align: center;
}

.rank_other .icon li {
 display: inline;
}

.rank_other .icon img {
 width: 50px
}

.rank_other  h4 {
 text-align: center;
}

.rank_other  .point {
 text-align: right;
 font-weight: bold;
 font-size: 0.7em;
}

.rank_other  .price {
 text-align: right;
}

.rank_other  .price img {
 height: 34px;
}


/* footer
---------------------------------------------------------- */

#footer {
 background: #666;
 padding: 30px 0;
 color: #ccc;
 text-align: center;
}

#footer a {
 color: #fff;
}


/* tab
---------------------------------------------------------- */


.tab {
 overflow:hidden;
}
.tab li {
 background:#ccc;
 padding:5px 25px;
 color: #fff;
 float:left;
 margin-right:10px;
 cursor: pointer;
}

.tab_contents_area .hide {
 display:none;
}
.tab .men{ background:#0066CC; }
.tab .women{ background:#CC008B; }


/* history
---------------------------------------------------------- */

.history_list li {
 height: 48px;
}

.history_list li a {
 display: block;
 height: 48px;
 text-indent: 50px;
 line-height: 48px;
 background:url(../images/history_bt.gif) no-repeat;
}

.history_list li a:hover {
 text-indent: 53px;
 background:url(../images/history_bt.gif) 0 -48px no-repeat;
}