@charset "utf-8";
@import url("import.css");
/* ===================================================================
CSS information

 file name  :index.css
 style info :indexページ用CSS
===================================================================*/
/* global_nav
-------------------------------------------*/
div#article ul#global_nav {
	width:765px;
	margin:10px 0 35px 0;
}

div#article ul#global_nav li {
	float:left;
}

/* main_contents
-------------------------------------------*/
div#article div#main_contents {
	float:left;
	width:519px;
}

/* what_new
-------------------------------------------*/
div#article div#what_new {
	width:519px;
	padding-bottom:20px;
	background:url(../img/index/news/bg-news_bot.gif) no-repeat bottom;
}

div#article div#what_new_inner {
	width:484px;
	padding:13px 15px 0 20px;
	background:url(../img/index/news/bg-news_top.gif) repeat-y;
}

div#article div#what_new ul {
	height:110px;
	overflow-y:scroll;
}

div#article div#what_new ul li {
	width:448px;
	padding:11px 0 12px 0;
	background:url(../img/index/news/bg-news_dot.gif) no-repeat top;
}

div#article div#what_new ul li#latest_news {
	background:none;
}

div#article div#what_new ul li span {
	font-weight:bold;
	line-height:1.7em;
}

/* sell_ranking
-------------------------------------------*/
/* sell rank style */
div#sell_ranking {
	width:519px;
	padding-bottom:57px;
	background:url(../img/index/rank/bg-rank_bot.gif) no-repeat bottom;
}

div#sell_ranking h4 {
	margin-bottom:-55px;
	position:relative;
	z-index:1;
}

div#sell_ranking div#rank1to3 {
	position:relative;
	z-index:2;
}

div#sell_ranking div.rank_box {
	width:509px;
	margin:0 5px;
}

div#sell_ranking div.item {
	width:159px;
	margin-right:16px;
}

div#sell_ranking div#rank7to10 div.item {
	width:115px;
}

div#sell_ranking div#rank3,
div#sell_ranking div#rank6,
div#sell_ranking div#rank10 {
	margin-right:0;
}

/* sell rank bg style */
div#sell_ranking div#rank1to3,
div#sell_ranking div#rank4to6 {
	margin-bottom:10px;
	padding-bottom:7px;
	background:url(../img/index/rank/bg-rank_up_bot.gif) no-repeat bottom;
}

div#sell_ranking div#rank1to3_inner,
div#sell_ranking div#rank4to6_inner {
	background:url(../img/index/rank/bg-rank_up_mid.gif) repeat-y;
}

div#sell_ranking div#rank7to10 {
	padding-bottom:7px;
	background:url(../img/index/rank/bg-rank_down_bot.gif) no-repeat bottom;
}

div#sell_ranking div#rank7to10_inner {
	background:url(../img/index/rank/bg-rank_down_mid.gif) repeat-y;
}

div#sell_ranking div.item_box {
	width:143px;
	padding:8px 8px 0 8px;
	background:url(../img/index/rank/bg-rank_up_top.gif) no-repeat top #fcf0a4;
}

div#sell_ranking div#rank7to10 div.item_box {
	width:99px;
	background:url(../img/index/rank/bg-rank_down_top.gif) no-repeat top #fcf0a4;
}

/* sell rank item_box style */
div#sell_ranking div div div {
	float:left;
	background-color:#fff;
}

div#sell_ranking div div div img {
	margin-bottom:8px;
}

div#sell_ranking div div div p {
	float:left;
	width:25px;
}

div#sell_ranking div div div p.name {
	width:86px;
	padding-left:18px;
}

div#sell_ranking div div div p.detail {
	clear:both;
	width:144px;
	margin-bottom:0;
	padding-bottom:1px;
	font-size:84%;
	color:#67696d;
}

div#sell_ranking div#rank7to10 div div {
	width:113px;
}

div#sell_ranking div#rank7to10 div div p.name {
	width:65px;
	padding-left:6px;
	font-size:84%;
}

div#sell_ranking div#rank7to10 div div p.detail {
	width:96px;
	margin-bottom:0;
	padding-bottom:1px;
}

/* pickup
-------------------------------------------*/
div#article div#pickup {
	float:right;
	width:216px;
	margin-bottom:20px;
}

div#article div#pickup h4 {
	margin-bottom:8px;
}

div#article div#pickup ul {
	border:1px solid #c5c0c2;
	border-bottom:none;
}

div#article div#pickup ul li {
	border-top:1px solid #fff;
	border-bottom:1px solid #c5c0c2;
}

/* calender
-------------------------------------------*/
div#article div#calender {
	float:right;
	width:216px;
	margin-bottom:20px;
	padding-bottom:9px;
	background-color:#ececec;
	border:1px solid #c5c0c2;
}

div#article div#calender h4 {
	padding-top:1px;
}

div#article div#calender table {
	width:188px;
	margin:0 13px 5px 13px;
	font-weight:bold;
	color:#4e4e4d;
}

div#article div#calender table tr th,
div#article div#calender table tr td {
	height:22px;
	background-color:#fff;
	border:1px solid #c5c0c2;
	text-align:center;
}

div#article div#calender table tr th {
	background-color:#c5c0c2;
	color:#000;
}

div#article div#calender table tr td.holiday {
	background-color:#fae3e3;
	color:#b01512;
}