﻿@charset "euc-jp";

/* CSS Document */

/* 091229*/

body {
	font-size:12px;
	text-align:left;
}

div#wrapper {
	width			:860px;
	margin			:0 auto;
}

div#contents {
	width			:800px;
	margin			:0 auto;
	text-align		:left;
}

/* main_content
------------------------------------------*/
div#main_content {
	float			:right; 
	width			:600px;
	margin			:10px 0 20px 0;
}

div#sub_content {
	float			:right; 
	width			:600px;
	margin			:10px 0 0 0;
}

/* flash contents
--------------------------------------*/
#alternative_contents img {
	margin:0 0 5px 0;
}

/* News & Topics
----------------------------------------*/
/**** Clearfixes ****/

#topic {
	overflow-y:scroll;
	height:260px;
	padding:10px;
	border-bottom:1px solid #EFEFEF;
	border-top:1px solid #EFEFEF;
	border-left:1px solid #EFEFEF;
	line-height:140%;
}

#topic ul {
	margin-bottom:1em;
	padding-bottom:0.5em;
	list-style-type:none;
}

#topic ul li {
	border-bottom:1px dotted #595959;
	padding:1em 0 15px 30px;
}

#topic ul li p {
	font-size:12px;
	line-height:130%;
	width:320px;
}

#topic ul li dl {
	margin:5px 0;
}

#topic ul li dl dt {
	margin:5px 0 0 0;
}


#topic ul li img {
	float:right;
	margin-left:30px;
	display:block;
	width:180px;
}

#topic .new {
	background:url(../img/common/icon_new.gif) left 1em no-repeat;
}

#topic ul li div {
	width:210px;
}

#topic ul li div img {
	margin-bottom:5px;
}

#topic a {
	white-space:nowrap;
}

/* Point information
----------------------------------------*/
#main_content #point_info {
	margin:5px 0 10px 0;
	padding:0 0 5px 5px;
	border-left:7px solid #950B16;
	text-align:left;
	color:#333;
}

#main_content #point_info .point_max {
	font-size:28px;
	color:#333;
	margin:0;
	padding:0;
}

#main_content #point_info .point_max span {
	font-size:150%;
	color:#F00;
	font-weight:bold;
}

/* bnr_box double
--------------------------------------------------*/
/*
div.double img {
	display:inline-block;
}
*/
/* ranking_designer
--------------------------------------------------*/
div#rank_designer {
	border:1px solid #D3A470;
}

#rank_designer h3 {
	background:#950B16;
	padding:2px 2px 2px 10px;
	margin:0;
	color:#D3A470;
	line-height:150%;
} 

#rank_designer .section {
	background:#D3A470;
	padding:15px;
}

#rank_designer .section img {
	float:left;
	margin:0 15px 5px 0;
}

#rank_designer .section h4 {
	color:#EF0F00;
	font-size:16px;
	margin-bottom:0.5em;
}

#rank_designer .section a { color:#950B16;}
#rank_designer .section a:hover { color:#FFF; background:EF0F00;}

#rank_designer dl {
	float:left;
	margin:10px 10px 20px 10px;
	display:inline-block;
}

#rank_designer dl .rank {
	font-size:13px;
	font-weight:bold;
	line-height:150%;
	border-bottom:1px solid #950B16;
	color:#950B16
}

#rank_designer dl .designer_name {
	font-size:15px;
	line-height:200%;
}

#rank_designer .box {
	border-top:1px dotted #950B16;
	margin:10px;
}

#rank_designer .box ul {
	float:left; width:180px;
	line-height:150%;
	padding:10px 0;
	color:#3C3740;
	list-style:none;
}

#rank_designer .box ul li {
	padding:0 0 0 5px;
}

#rank_designer a { color:#3C3740;}
#rank_designer a:hover { color:#FFF; background:#EF0F00;}

/* ranking_item
--------------------------------------------------*/
div#rank_item {
	background:url() repeat-y;
}

#rank_item h3 {
	background:#950B16;
	padding:2px 2px 2px 10px;
	margin:0;
	color:#D3A470;
	line-height:150%;
}

#rank_item .section {
	background:#D3A470;
	padding:15px;
}

#rank_item .section img {
	float:left;
	margin:0 15px 5px 0;
}

#rank_item .section h4 {
	color:#EF0F00;
	font-size:16px;
	margin-bottom:0.5em;
}

#rank_item .section a { color:#950B16;}
#rank_item .section a:hover { color:#FFF; background:#EF0F00;}

#rank_item table {
	margin:0;
	padding:0;
	text-align:center;
	color:#3C3740;
	border-right:1px solid #D3A470;
}

#rank_item table th {
	font-size:13px;
	padding:10px 0;
	border-bottom:2px solid #950B16;
	border-left:1px solid #D3A470;
	margin-bottom:5px;
	width:80px;
	color:#950B16;
}

#rank_item table td {
	padding:5px 0;
	border-bottom:1px solid #D3A470;
	border-left:1px solid #D3A470;
	line-height:120%;
}

#rank_item table img {
	width:70px;
	margin:5px 0;
}


/* box_item
--------------------------------------------*/
.box_item dl {
	width			: 110px;
	float			: left;
	margin			: 10px 4px 5px 4px;
	display			: inline;
}
.box_item dt {
	background		: url(http://www.rakuten.ne.jp/gold/jellyfish-shop/img/top/bg_tab_box_item.gif) -10px no-repeat; 
	width			: 100px; 
	height			: 15px; 
	color			: #950B16; 
	line-height		: 15px; 
	padding			: 0 0.5em;
	font-size		: 11px;
}
.box_item dd { 

	border			: 1px #D3A470 solid; 
	display			: block; 
	clear			: both; 
	padding			: 5px;
	text-align:center;
	line-height:150%;
	font-size:11px;
}
.box_item dd img {
	margin:0 0 0 0;
	display:block;
}

/* others
--------------------------------------------*/
span.point {
	color:#F00;
}

.float_R { 
	float			: right;
}

.float_L {
	float			: left;
}

.align_r {
	text-align		: right;
}

.align_l {
	text-align		: left;
}

.align_R {
	text-align		: right;
}

.align_L {
	text-align		: left;
}

.align_C {
	text-align		: center;
}

.height_250 {
	height			:2.5em;
}

.clear {
	clear:both;
}

div.clear_box {
	clear			: both;
	visibility		: hidden;
	height			: 0;
	margin:0;
	padding:0;
}

.bnr_box img {
	margin-bottom:10px;
}

.bnr_box p {
	margin:-10px 0 1px 0;
	font-size:11px;
	color:#666;
}

a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}

.width_295 {
	width:295px;
}


