@charset "shift_jis";

/* =======================================

	Side Info CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
 	1.Info Section
		1-1.Title
		1-2.table
		1-3.Summary
	
	2.Ranking List
		2-1.dl
			2-1-1.dt
			2-1-2.dd
			2-1-3.Gauge Bar
		2-2.ul
	
	3.Ranking Image
	
	4.MoreInfo
	
	5.Index List
	
	6.Listup Menu 01
	
	7.Listup Menu 02
	
	8.History Listup
		8-1.Listup Menu 02
		8-2.Menu Tool
	
	9.Banner List
	
	10.Listup Menu03
	
	11.Random Best
	
	
	B04
 -----------------------------------------
	1.Related Unit
		1-1.ul
		1-2.Menu Tool
	2.Narrow Search
		2-1.Title
		2-2.Narrow Info
	
	
	G11
 -----------------------------------------
	1.Together Item
		1-1.Time Sale
		1-2.Image Unit
			1-2-1.Image
			1-2-2.Cart In
		1-3.Product Info
			1-3-1.table

========================================== */

/* 1.Info Section
========================================== */
.sideInfo .infoSec {
	margin: 0 0 12px;
	background: url(../../i/common/line_dotted01_gray.gif) repeat-x 0 30px;
}

	/* 1-1.Title
	---------------------------------------- */
	.sideInfo .infoSec h2 {
		height: 31px;
		background: no-repeat;
		text-indent: -9999px;
		overflow: hidden;
	}
	
	.sideInfo .infoSec h2#RankTitle{
		padding-top:15px;
		text-indent: 2px;
		font-size:105%;
		font-weight:bold;
		color:#666;
	}
	
	.sideInfo .infoSec h2#CampaignTitle{
		padding-top:15px;
		text-indent: 2px;
		font-size:105%;
		font-weight:bold;
		color:#666;
	}
	
	body.blue .sideInfo .infoSec h2#RankTitle{background-image: url(../../i/C/ranking_tit_blue.gif);}
	body.pink .sideInfo .infoSec h2#RankTitle{background-image: url(../../i/C/ranking_tit_pink.gif);}
	
	/* Default */
	.sideInfo .infoSec h2#titRankTitle  {background-image: url(../../i/parts/titrank_tit_blue.gif);}
	.sideInfo .infoSec h2#itemRankTitle {background-image: url(../../i/parts/itemrank_tit_blue.gif);}

	.sideInfo .infoSec h2#RankTitle1    {background-image: url(../../i/parts/dvdrank_tit_blue.gif);}
	.sideInfo .infoSec h2#RankTitle2    {background-image: url(../../i/parts/cdrank_tit_blue.gif);}
	.sideInfo .infoSec h2#RankTitle3    {background-image: url(../../i/parts/bookrank_tit_blue.gif);}
	.sideInfo .infoSec h2#RankTitle4    {background-image: url(../../i/parts/gamerank_tit_blue.gif);}
	.sideInfo .infoSec h2#RankTitle5    {background-image: url(../../i/parts/figurank_tit_blue.gif);}
	.sideInfo .infoSec h2#RankTitle6    {background-image: url(../../i/parts/apparank_tit_blue.gif);}
	.sideInfo .infoSec h2#RankTitle7    {background-image: url(../../i/parts/cardrank_tit_blue.gif);}
	.sideInfo .infoSec h2#RankTitle8    {background-image: url(../../i/parts/goodsrank_tit_blue.gif);}

	.sideInfo .infoSec h2#titGraphTitle {background-image: url(../../i/parts/titgraph_tit_blue.gif);}
	.sideInfo .infoSec h2#thisRankTitle {background-image: url(../../i/parts/thisranking_tit_blue.gif);}

	.sideInfo .infoSec h2#titIndexTitle    {background-image: url(../../i/parts/titindex_tit_blue.gif);}
	.sideInfo .infoSec h2#informationTitle {background-image: url(../../i/parts/information_tit_blue.gif);}

	.sideInfo .infoSec h2#specialPageTitle {background-image: url(../../i/parts/spepage_tit_blue.gif);}
	.sideInfo .infoSec h2#specialTitle1    {background-image: url(../../i/parts/spedvd_tit_blue.gif);}
	.sideInfo .infoSec h2#specialTitle2    {background-image: url(../../i/parts/specd_tit_blue.gif);}
	.sideInfo .infoSec h2#specialTitle3    {background-image: url(../../i/parts/spebook_tit_blue.gif);}
	.sideInfo .infoSec h2#specialTitle4    {background-image: url(../../i/parts/spesoftgame_tit_blue.gif);}
	.sideInfo .infoSec h2#specialTitle5    {background-image: url(../../i/parts/spefigure_tit_blue.gif);}
	.sideInfo .infoSec h2#specialTitle6    {background-image: url(../../i/parts/speapparel_tit_blue.gif);}
	.sideInfo .infoSec h2#specialTitle7    {background-image: url(../../i/parts/specard_tit_blue.gif);}
	.sideInfo .infoSec h2#specialTitle8    {background-image: url(../../i/parts/spegoods_tit_blue.gif);}

	.sideInfo .infoSec h2#readHistTitle {background-image: url(../../i/parts/readhist_tit_blue.gif);}
	.sideInfo .infoSec h2#keyHistTitle  {background-image: url(../../i/parts/keyhist_tit_blue.gif);}
	
	.sideInfo .infoSec h2#rankByCategory {background-image: url(../../i/parts/rankbycate_tit_blue.gif);}
	.sideInfo .infoSec h2#CateTitle1     {background-image: url(../../i/parts/dvdcate_tit_blue.gif);}
	.sideInfo .infoSec h2#CateTitle2     {background-image: url(../../i/parts/cdcate_tit_blue.gif);}
	.sideInfo .infoSec h2#CateTitle3     {background-image: url(../../i/parts/spebook_tit_blue.gif);}
	.sideInfo .infoSec h2#CateTitle4     {background-image: url(../../i/parts/spesoftgame_tit_blue.gif);}
	.sideInfo .infoSec h2#CateTitle5     {background-image: url(../../i/parts/spefigure_tit_blue.gif);}
	.sideInfo .infoSec h2#CateTitle6     {background-image: url(../../i/parts/speapparelcate_tit_blue.gif);}
	.sideInfo .infoSec h2#CateTitle7     {background-image: url(../../i/parts/specard_tit_blue.gif);}
	.sideInfo .infoSec h2#CateTitle8     {background-image: url(../../i/parts/goodscate_tit_blue.gif);}
	
	.sideInfo .infoSec h2#relateCateTitle  {background-image: url(../../i/parts/relatecate_tit_blue.gif);}
	.sideInfo .infoSec h2#relateTitTitle   {background-image: url(../../i/parts/relatetit_tit_blue.gif);}
	.sideInfo .infoSec h2#relateMakerTitle {background-image: url(../../i/parts/relatemaker_tit_blue.gif);}
	.sideInfo .infoSec h2#specialListTit   {background-image: url(../../i/parts/speciallist_tit_blue.gif);}
	.sideInfo .infoSec h2#CmapaignTitle   {background-image: url(../../i/parts/campaign_tit_blue.gif);}
	
	/* blue */
	body.blue .sideInfo .infoSec h2#titRankTitle  {background-image: url(../../i/parts/titrank_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#itemRankTitle {background-image: url(../../i/parts/itemrank_tit_blue.gif);}

	body.blue .sideInfo .infoSec h2#RankTitle1    {background-image: url(../../i/parts/dvdrank_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#RankTitle2    {background-image: url(../../i/parts/cdrank_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#RankTitle3    {background-image: url(../../i/parts/bookrank_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#RankTitle4    {background-image: url(../../i/parts/gamerank_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#RankTitle5    {background-image: url(../../i/parts/figurank_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#RankTitle6    {background-image: url(../../i/parts/apparank_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#RankTitle7    {background-image: url(../../i/parts/cardrank_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#RankTitle8    {background-image: url(../../i/parts/goodsrank_tit_blue.gif);}

	body.blue .sideInfo .infoSec h2#titGraphTitle {background-image: url(../../i/parts/titgraph_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#thisRankTitle {background-image: url(../../i/parts/thisranking_tit_blue.gif);}
	
	body.blue .sideInfo .infoSec h2#titIndexTitle    {background-image: url(../../i/parts/titindex_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#informationTitle {background-image: url(../../i/parts/information_tit_blue.gif);}
	
	body.blue .sideInfo .infoSec h2#specialPageTitle {background-image: url(../../i/parts/spepage_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#specialTitle1    {background-image: url(../../i/parts/spedvd_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#specialTitle2    {background-image: url(../../i/parts/specd_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#specialTitle3    {background-image: url(../../i/parts/spebook_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#specialTitle4    {background-image: url(../../i/parts/spesoftgame_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#specialTitle5    {background-image: url(../../i/parts/spefigure_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#specialTitle6    {background-image: url(../../i/parts/speapparel_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#specialTitle7    {background-image: url(../../i/parts/specard_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#specialTitle8    {background-image: url(../../i/parts/spegoods_tit_blue.gif);}
	
	body.blue .sideInfo .infoSec h2#readHistTitle {background-image: url(../../i/parts/readhist_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#keyHistTitle  {background-image: url(../../i/parts/keyhist_tit_blue.gif);}
	
	body.blue .sideInfo .infoSec h2#rankByCategory {background-image: url(../../i/parts/rankbycate_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#CateTitle1     {background-image: url(../../i/parts/dvdcate_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#CateTitle2     {background-image: url(../../i/parts/cdcate_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#CateTitle3     {background-image: url(../../i/parts/bookcate_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#CateTitle4     {background-image: url(../../i/parts/softgamecate_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#CateTitle5     {background-image: url(../../i/parts/figurecate_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#CateTitle6     {background-image: url(../../i/parts/apparelcate_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#CateTitle7     {background-image: url(../../i/parts/cardcate_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#CateTitle8     {background-image: url(../../i/parts/goodscate_tit_blue.gif);}
	
	body.blue .sideInfo .infoSec h2#relateCateTitle  {background-image: url(../../i/parts/relatecate_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#relateTitTitle   {background-image: url(../../i/parts/relatetit_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#relateMakerTitle {background-image: url(../../i/parts/relatemaker_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#specialListTit   {background-image: url(../../i/parts/speciallist_tit_blue.gif);}
	body.blue .sideInfo .infoSec h2#CmapaignTitle   {background-image: url(../../i/parts/campaign_tit_blue.gif);}
	
	/* pink */
	body.pink .sideInfo .infoSec h2#titRankTitle  {background-image: url(../../i/parts/titrank_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#itemRankTitle {background-image: url(../../i/parts/itemrank_tit_pink.gif);}

	body.pink .sideInfo .infoSec h2#RankTitle1    {background-image: url(../../i/parts/dvdrank_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#RankTitle2    {background-image: url(../../i/parts/cdrank_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#RankTitle3    {background-image: url(../../i/parts/bookrank_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#RankTitle4    {background-image: url(../../i/parts/gamerank_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#RankTitle5    {background-image: url(../../i/parts/figurank_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#RankTitle6    {background-image: url(../../i/parts/apparank_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#RankTitle7    {background-image: url(../../i/parts/cardrank_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#RankTitle8    {background-image: url(../../i/parts/goodsrank_tit_pink.gif);}

	body.pink .sideInfo .infoSec h2#titGraphTitle {background-image: url(../../i/parts/titgraph_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#thisRankTitle {background-image: url(../../i/parts/thisranking_tit_pink.gif);}
	
	body.pink .sideInfo .infoSec h2#titIndexTitle    {background-image: url(../../i/parts/titindex_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#informationTitle {background-image: url(../../i/parts/information_tit_pink.gif);}
	
	body.pink .sideInfo .infoSec h2#specialPageTitle {background-image: url(../../i/parts/spepage_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#specialTitle1    {background-image: url(../../i/parts/spedvd_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#specialTitle2    {background-image: url(../../i/parts/specd_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#specialTitle3    {background-image: url(../../i/parts/spebook_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#specialTitle4    {background-image: url(../../i/parts/spesoftgame_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#specialTitle5    {background-image: url(../../i/parts/spefigure_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#specialTitle6    {background-image: url(../../i/parts/speapparel_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#specialTitle7    {background-image: url(../../i/parts/specard_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#specialTitle8    {background-image: url(../../i/parts/spegoods_tit_pink.gif);}
	
	body.pink .sideInfo .infoSec h2#readHistTitle {background-image: url(../../i/parts/readhist_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#keyHistTitle  {background-image: url(../../i/parts/keyhist_tit_pink.gif);}
	
	body.pink .sideInfo .infoSec h2#rankByCategory {background-image: url(../../i/parts/rankbycate_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#CateTitle1     {background-image: url(../../i/parts/dvdcate_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#CateTitle2     {background-image: url(../../i/parts/cdcate_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#CateTitle3     {background-image: url(../../i/parts/bookcate_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#CateTitle4     {background-image: url(../../i/parts/softgamecate_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#CateTitle5     {background-image: url(../../i/parts/figurecate_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#CateTitle6     {background-image: url(../../i/parts/apparelcate_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#CateTitle7     {background-image: url(../../i/parts/cardcate_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#CateTitle8     {background-image: url(../../i/parts/goodscate_tit_pink.gif);}
	
	body.pink .sideInfo .infoSec h2#relateCateTitle  {background-image: url(../../i/parts/relatecate_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#relateTitTitle   {background-image: url(../../i/parts/relatetit_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#relateMakerTitle {background-image: url(../../i/parts/relatemaker_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#specialListTit   {background-image: url(../../i/parts/speciallist_tit_pink.gif);}
	body.pink .sideInfo .infoSec h2#CmapaignTitle   {background-image: url(../../i/parts/campaign_tit_pink.gif);}

	/* 1-2.table
	---------------------------------------- */
	
	body .sideInfo .infoSec div.userHistoryMenu{
		height:31px;
	}
	body .sideInfo .infoSec div.userHistoryMenu:after {
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
	body .sideInfo .infoSec h2#keyHistTitle,body .sideInfo .infoSec h2#readHistTitle{
		width:140px;
		float:left;
	}
	
	.sideInfo .infoSec .h_clear{
		float:left;
		margin:9px 0 0 4px;
	}
	
	.sideInfo .infoSec .h_clear a{
		display:block;
		overflow:hidden;
		background:url(../../i/common/history_clear.gif) no-repeat;
		width:56px;
		height:19px;
		text-indent:-9999px;
	}
	
	body.pink .sideInfo .infoSec .h_clear a{
		background:url(../../i/common/history_clear_pink.gif) no-repeat;
	}
	
	.sideInfo .infoSec .h_clear a:hover,body.pink .sideInfo .infoSec .h_clear a:hover{
		background:url(../../i/common/history_clear_ro.gif) no-repeat;
	}
	
	.sideInfo .infoSec table {
		margin: 8px 8px 0 0;
	}
	
	.sideInfo .infoSec table th,
	.sideInfo .infoSec table td {
		padding: 0 0 8px 8px;
		font-size: 84.7%;
		line-height: 1.275;
	}
	
	.sideInfo .infoSec table td a {
		padding-bottom: 1px; /* for Underline */
	}
	
	/* 1-3.Summary
	---------------------------------------- */
	.sideInfo .infoSec p.summary {
		margin: 3px 20px 0 3px;
		color: #7D7D7D;
		font-size: 84.7%;
		line-height: 1.275;
	}


/* 2.Ranking List
========================================== */
	/* 2-1.dl
	---------------------------------------- */
	.sideInfo .infoSec dl.rankingList {
		margin: -1px 0 0;
		zoom: 1;
	}
	
	.sideInfo .infoSec dl.rankingList:after { /* for Modern Browser */
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}
	
		/* 2-1-1.dt
		---------------------------------------- */
		.sideInfo .infoSec dl.rankingList dt {
			float: left;
			padding: 5px 0 0;
			width: 23px;
			text-align: right;
		}
		
		.sideInfo .infoSec dl.rankingList dt img {
			margin-top: 3px;
			vertical-align: top;
		}
		/*\ for Safari */
		html*.sideInfo .infoSec dl.rankingList dt img {margin-top: 1px;} /* for Safari IE6 IE7 */
		/* Safari2 Only \*/
		html:\66irst-child .sideInfo .infoSec dl.rankingList dt img {margin-top: 2px;}/**/
		
		/* 2-1-2.dd
		---------------------------------------- */
		.sideInfo .infoSec dl.rankingList dd {
			float: left;
			padding: 5px 0 0 7px;
			width: 170px;
			height: auto; /* for Modern Browser */
			min-height: 15px; /* for Modern Browser */
			font-size: 84.7%;
			line-height: 1.275;
		}
		/* IE6 Only */
		* html .sideInfo .infoSec dl.rankingList dd {height: 15px;}
		
		.sideInfo .infoSec dl.rankingList dd a {
			padding-bottom: 1px; /* for Underline */
			zoom: 1;
		}
		
		/* 2-1-3.Gauge Bar
		---------------------------------------- */
		.sideInfo .infoSec dl.rankingList dd span.gaugeBar {
			display: block;
			margin: 3px 0 0;
		}
		/*\ for Safari */
		html*.sideInfo       .infoSec dl.rankingList dd span.gaugeBar {margin-top: 1px;} /* for Safari IE6 IE7 */
		* html .sideInfo     .infoSec dl.rankingList dd span.gaugeBar {margin-top: 2px;} /* Reset IE6 */
		*:first-child + html .sideInfo .infoSec dl.rankingList dd span.gaugeBar {margin-top: 1px;} /* Reset IE7 */
		/* Safari2 Only \*/
		html:\66irst-child .sideInfo .infoSec dl.rankingList dd span.gaugeBar {margin-top: 3px;}/**/
		
		.sideInfo .infoSec dl.rankingList dd span.gaugeBar img {
			position: relative;
			margin: -3px 4px 0 0;
			vertical-align: middle;
		}

	/* 2-2.ul
	---------------------------------------- */
	.sideInfo .infoSec ul.rankingList {
		position: relative;
		margin: -1px 0 0 10px;
	}
	
	.sideInfo .infoSec ul.rankingList li {
		padding: 8px 0 0;
		font-size: 84.7%;
		line-height: 1.275;
	}
	
	.sideInfo .infoSec ul.rankingList li a {
		font-weight:none;
		padding-left:15px;
		background:url(../../i/common/ico_arrow02_blue02.gif) no-repeat;
	}
	
	body.blue .sideInfo .infoSec ul.rankingList li a {
		background:url(../../i/common/ico_arrow02_blue02.gif) no-repeat;	
	}

	body.pink .sideInfo .infoSec ul.rankingList li a {
		background:url(../../i/common/ico_arrow02_pink02.gif) no-repeat;	
	}
	

/* 3.Ranking Image
========================================== */
.sideInfo .infoSec p.rankingImg {
	margin: 7px 12px 0;
}


/* 4.MoreInfo
========================================== */
.sideInfo .infoSec p.moreInfo {
	font-size: 77%;
	line-height: 1.6;
	text-align: right;
	margin-top:5px;
}

#rightInfoBar .infoSec p.moreInfo {margin: 8px 0 0;}

.sideInfo .infoSec p.moreInfo a {
	padding: 3px 3px 3px 16px;
	background: url(../../i/common/ico_arrow01_black.gif) no-repeat 0.2em 0.4em;
	text-decoration:none;
	color:#9BB6D1;
	border:1px solid #9BB6D1;
	background-color:#FFF;
}

body.pink .sideInfo .infoSec p.moreInfo a {
	color:#EBB3D5;
	border:1px solid #EBB3D5;
}

.sideInfo .infoSec p.moreInfo a:hover {
	border:1px solid #FFCC00;
}

/* 5.Index List
========================================== */
.sideInfo .infoSec ul.indexList {
	position: relative;
	margin: -2px 0 7px;
	zoom: 1;
}

.sideInfo .infoSec ul.indexList:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.sideInfo .infoSec ul.indexList li {
	float: left;
	margin: 9px 0 0;
	width: 40px;
}

.sideInfo .infoSec ul.indexList li a {
	display: block;
	height: 11px;
	border-left: 1px solid #787777;
	background: url(../../i/parts/titindex_txt_a.gif) no-repeat 50% 0;
	text-indent: -9999px;
	overflow: hidden;
}

.sideInfo .infoSec ul.indexList li.kana-a  a {border: none; background-image: url(../../i/parts/titindex_txt_a.gif);}
.sideInfo .infoSec ul.indexList li.kana-ka a {background-image: url(../../i/parts/titindex_txt_ka.gif);}
.sideInfo .infoSec ul.indexList li.kana-sa a {background-image: url(../../i/parts/titindex_txt_sa.gif);}
.sideInfo .infoSec ul.indexList li.kana-ta a {background-image: url(../../i/parts/titindex_txt_ta.gif);}
.sideInfo .infoSec ul.indexList li.kana-na a {background-image: url(../../i/parts/titindex_txt_na.gif);}
.sideInfo .infoSec ul.indexList li.kana-ha a {border: none; background-image: url(../../i/parts/titindex_txt_ha.gif);}
.sideInfo .infoSec ul.indexList li.kana-ma a {background-image: url(../../i/parts/titindex_txt_ma.gif);}
.sideInfo .infoSec ul.indexList li.kana-ya a {background-image: url(../../i/parts/titindex_txt_ya.gif);}
.sideInfo .infoSec ul.indexList li.kana-ra a {background-image: url(../../i/parts/titindex_txt_ra.gif);}
.sideInfo .infoSec ul.indexList li.kana-wa a {background-image: url(../../i/parts/titindex_txt_wa.gif);}

.sideInfo .infoSec ul.indexList li a:hover {background-position: 50% -11px;}


/* 6.Listup Menu 01
========================================== */
.sideInfo .infoSec ul.listupMenu01 {
	position: relative;
	margin: -1px 0 0;
	padding: 8px 8px 0;
	border: 1px solid #FED7EB;
	background-color: #FAFBFE;
}

/* color variation */
body.blue .sideInfo .infoSec ul.listupMenu01 {border-color: #FED7EB;}
body.pink .sideInfo .infoSec ul.listupMenu01 {border-color: #DAE4F1;}

.sideInfo .infoSec ul.listupMenu01 li {
	padding: 0 0 8px;
	font-size: 84.7%;
	line-height: 1.275;
}

.sideInfo .infoSec ul.listupMenu01 li a {
	display: table-cell;
	padding: 0 0 1px 17px;
	background: url(../../i/common/ico_arrow02_orange02.gif) no-repeat;
	color: #FF9900;
}
/* IE6 Only */
* html .sideInfo .infoSec ul.listupMenu01 li a {
	display: inline;
	zoom: 1;
}
/* IE7 Only */
*:first-child + html .sideInfo .infoSec ul.listupMenu01 li a {
	display: inline;
	zoom: 1;
}

/* color variation */

.sideInfo .infoSec ul.listupMenu01 li a:hover {
	color: #FF0000;
}


/* 7.Listup Menu 02
========================================== */
.sideInfo .infoSec ul.listupMenu02 {
	padding: 8px 8px 0;
}

.sideInfo .infoSec ul.listupMenu02 li {
	padding: 0 0 8px;
	font-size: 84.7%;
	line-height: 1.275;
}

.sideInfo .infoSec ul.listupMenu02 li a {
	display: table-cell;
	padding: 0 0 1px 17px;
	background: url(../../i/common/ico_arrow02_green.gif) no-repeat;
}
/* IE6 Only */
* html .sideInfo .infoSec ul.listupMenu02 li a {
	display: inline;
	zoom: 1;
}
/* IE7 Only */
*:first-child + html .sideInfo .infoSec ul.listupMenu02 li a {
	display: inline;
	zoom: 1;
}

.sideInfo .infoSec ul.listupMenu02 li.hierarchie_lv1 {
	padding-left:0px;
}
.sideInfo .infoSec ul.listupMenu02 li.hierarchie_lv2 {
	padding-left:7px;
}
.sideInfo .infoSec ul.listupMenu02 li.hierarchie_lv3 {
	padding-left:14px;
}
.sideInfo .infoSec ul.listupMenu02 li.hierarchie_lv4 {
	padding-left:21px;
}
.sideInfo .infoSec ul.listupMenu02 li.hierarchie_lv5 {
	padding-left:28px;
}
.sideInfo .infoSec ul.listupMenu02 a.select {
	background: url(../../i/common/ico_arrow02_green_select.gif) no-repeat;
}

/* 8.History Listup
========================================== */
.sideInfo .infoSec .histListup {
	position: relative;
	margin: -1px 0 20px;
	background-color: #E8EEF6;
	text-align: right;
	zoom: 1;
}

.sideInfo .infoSec .histListup:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

/* color variation */
body.blue .sideInfo .infoSec .histListup {background-color: #E8EEF6;}
body.pink .sideInfo .infoSec .histListup {background-color: #FAECF4;}

	/* 8-1.Listup Menu 02
	---------------------------------------- */
	.sideInfo .infoSec .histListup ul.listupMenu02 {
		position: relative;
		margin-bottom: -5px;
		text-align: left; /* Reset */
	}
	
	/* 8-2.Menu Tool
	---------------------------------------- */
	.sideInfo .infoSec .histListup p.menuTool {
		display: table;
		position: relative;
		top: 0.728em;
		margin: -0.728em 0 0 auto;
		padding: 0 3px 1px 10px;
		background: url(../../i/parts/menutool_bg_blue.gif) no-repeat 0 100%;
		font-size: 84.7%;
		line-height: 1.455;
	}
	/* IE6 Only */
	* html .sideInfo .infoSec .histListup p.menuTool {
		display: inline;
		zoom: 1;
	}
	/* IE7 Only */
	*:first-child + html .sideInfo .infoSec .histListup p.menuTool {
		display: inline;
		zoom: 1;
	}
	
	/* color variation */
	body.blue .sideInfo .infoSec .histListup p.menuTool {background: url(../../i/parts/menutool_bg_blue.gif) no-repeat 0 100%;}
	body.pink .sideInfo .infoSec .histListup p.menuTool {background: url(../../i/parts/menutool_bg_pink.gif) no-repeat 0 100%;}
	
	.sideInfo .infoSec .histListup p.menuTool a {
		display: table-cell;
		padding: 0 14px 1px 0;
		background: no-repeat 100% 0.182em;
		color: #434343;
		text-decoration: none;
	}
	/* IE6 Only */
	* html .sideInfo .infoSec .histListup p.menuTool a {
		display: inline;
		zoom: 1;
	}
	/* IE7 Only */
	*:first-child + html .sideInfo .infoSec .histListup p.menuTool a {
		display: inline;
		zoom: 1;
	}
	
	.sideInfo .infoSec .histListup p.menuTool a.open  {background-image: url(../../i/common/ico_arrow03_gray01.gif);}
	.sideInfo .infoSec .histListup p.menuTool a.close {background-image: url(../../i/common/ico_arrow04_grya01.gif);}
	
	.sideInfo .infoSec .histListup p.menuTool a:hover {
		color: #FFCC00;
	}


/* 9.Banner List
========================================== */
.sideInfo ul.bannerList {
	margin: 0 0 12px;
}

.sideInfo ul.bannerList li {
	margin: 0 0 10px;
	text-align: center;
}


/* 10.Listup Menu03
========================================== */
.sideInfo .infoSec ul.listupMenu03 {
	margin: 0 0 0 10px;
}

.sideInfo .infoSec ul.listupMenu03 li {
	padding: 5px 0 0;
	font-size: 84.7%;
	line-height: 1.401;
}

.sideInfo .infoSec ul.listupMenu03 li a {
	display: table-cell;
	padding: 0 0 1px 17px;
	background: url(../../i/common/ico_arrow02_green.gif) no-repeat 0 0.2em;
}
/* IE6 Only */
* html .sideInfo .infoSec ul.listupMenu03 li a {
	display: inline;
	zoom: 1;
}
/* IE7 Only */
*:first-child + html .sideInfo .infoSec ul.listupMenu03 li a {
	display: inline;
	zoom: 1;
}

.sideInfo .infoSec ul.listupMenu03 li a:hover {
	color: #FFCC00;
}


/* 11.Random Best
========================================== */
.sideInfo .infoSec .randomBest {
	margin: 5px 0 0;
	padding: 5px;
	background-color: #E8EEF6;
	zoom: 1;
}

.sideInfo .infoSec .randomBest:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

body.blue .sideInfo .infoSec .randomBest  {background-color: #E8EEF6;}
body.pink .sideInfo .infoSec .randomBest  {background-color: #FAECF4;}

.sideInfo .infoSec .randomBest h3 {
	font-size: 84.7%;
	line-height: 1.275;
}

.sideInfo .infoSec .randomBest h3 dfn {
	color: #FFCC00;
	font-weight: bold;
}

.sideInfo .infoSec .randomBest p.image {
	float: left;
	margin: 5px 0 0;
	width: 75px;
}

.sideInfo .infoSec .randomBest p.itemTitle {
	float: right;
	margin: 5px 0 0;
	width: 95px;
	font-size: 84.7%;
	line-height: 1.275;
}

.sideInfo .infoSec .randomBest p.itemTitle a {
	padding-bottom: 1px; /* for Underline */
	color: #434343;
}

.sideInfo .infoSec .randomBest p.itemTitle a:hover {
	color: #FFCC00;
}


/* B04
****************************************************************************************/
/* 1.Related Unit
========================================== */
.sideInfo .infoSec .relatedUnit {
	position: relative;
	margin: -1px 0 0;
	padding: 0 8px 7px;
	border: 1px solid #DAE4F1;
	background-color: #FAFBFE;
}

/* color variation */
body.blue .sideInfo .infoSec .relatedUnit {border: 1px solid #DAE4F1;}
body.pink .sideInfo .infoSec .relatedUnit {border: 1px solid #FED7EB;}

	/* 1-1.ul
	---------------------------------------- */
	.sideInfo .infoSec .relatedUnit ul {
	}
	
	.sideInfo .infoSec .relatedUnit ul li {
		padding: 8px 0 0;
		font-size: 84.7%;
		line-height: 1.275;
	}
	
	.sideInfo .infoSec .relatedUnit ul li a {
		display: table-cell;
		padding: 0 0 1px 17px;
		background: url(../../i/common/ico_arrow02_green.gif) no-repeat;
	}
	/* IE6 Only */
	* html .sideInfo .infoSec .relatedUnit ul li a {
		display: inline;
		zoom: 1;
	}
	/* IE7 Only */
	*:first-child + html .sideInfo .infoSec .relatedUnit ul li a {
		display: inline;
		zoom: 1;
	}
	


	/* 1-2.Menu Tool
	---------------------------------------- */
	.sideInfo .infoSec .relatedUnit p.menuTool {
		position: relative;
		margin: 4px 0 -5px;
		font-size: 84.7%;
		line-height: 1.455;
		text-align: right;
	}
	/* Safari2 Only \*/
	html:\66irst-child .sideInfo .infoSec .relatedUnit p.menuTool {margin-bottom: -3px;}/**/
	
	.sideInfo .infoSec .relatedUnit p.menuTool a {
		display: table;
		margin: 0 0 0 auto;
		padding: 0 14px 1px 0;
		background: no-repeat 100%  0.182em;
		color: #434343;
		text-decoration: none;
	}
	/* IE6 Only */
	* html .sideInfo .infoSec .relatedUnit p.menuTool a {
		display: inline;
		zoom: 1;
	}
	/* IE7 Only */
	*:first-child + html .sideInfo .infoSec .relatedUnit p.menuTool a {
		display: inline;
		zoom: 1;
	}
	
	.sideInfo .infoSec .relatedUnit p.menuTool a.open  {background-image: url(../../i/common/ico_arrow03_gray01.gif);}
	.sideInfo .infoSec .relatedUnit p.menuTool a.close {background-image: url(../../i/common/ico_arrow04_grya01.gif);}
	
	.sideInfo .infoSec .relatedUnit p.menuTool a:hover {
		color: #FFCC00;
	}


/* 2.Narrow Search
========================================== */
.sideInfo .infoSec.narrowSearch {
	background: none; /* Reset */
}

	/* 2-1.Title
	---------------------------------------- */
	.sideInfo .infoSec.narrowSearch h2 {
		margin: 0; /* Reset */
		padding-top: 14px;
		height: auto; /* for Modern Browser */
		min-height: 17px; /* for Modern Browser */
		background: no-repeat 0 100%;
		font-size: 92.4%;
		line-height: 1.335;
		font-weight: bold;
		text-indent: 0; /* Reset */
		overflow: visible; /* Reset */
	}
	/* IE6 Only */
	* html .sideInfo .infoSec.narrowSearch h2 {height: 17px;}
	
	/* default */
	.sideInfo .infoSec.narrowSearch h2.narrowTitle {background-image: url(../../i/parts/narrowsearch_tit_blue.gif);}
	
	/* bule */
	body.blue .sideInfo .infoSec.narrowSearch h2.narrowTitle {background-image: url(../../i/parts/narrowsearch_tit_blue.gif);}
	
	/* pink */
	body.pink .sideInfo .infoSec.narrowSearch h2.narrowTitle {background-image: url(../../i/parts/narrowsearch_tit_pink.gif);}
	
	/* 2-2.Narrow Info
	---------------------------------------- */
	.sideInfo .infoSec.narrowSearch .narrowInfo {
		padding: 1px 0 0;
		background: url(../../i/common/line_dotted01_gray.gif) repeat-x;
	}


/* 2b.categoryRanking Search
========================================== */
.sideInfo .infoSec.categoryRanking {
	background: none; /* Reset */
}

	/* 2-1.Title
	---------------------------------------- */
	.sideInfo .infoSec.categoryRanking h2 {
		margin: 0; /* Reset */
		padding-top: 14px;
		height: auto; /* for Modern Browser */
		min-height: 17px; /* for Modern Browser */
		background: no-repeat 0 100%;
		font-size: 92.4%;
		line-height: 1.335;
		font-weight: bold;
		text-indent: 0; /* Reset */
		overflow: visible; /* Reset */
	}
	/* IE6 Only */
	* html .sideInfo .infoSec.categoryRanking h2 {height: 17px;}
	
	/* default */
	.sideInfo .infoSec.categoryRanking h2.RankTitle {background-image: url(../../i/parts/narrowsearch_tit_blue.gif);}
	
	/* bule */
	body.blue .sideInfo .infoSec.categoryRanking h2.RankTitle {background-image: url(../../i/parts/narrowsearch_tit_blue.gif);}
	
	/* pink */
	body.pink .sideInfo .infoSec.categoryRanking h2.RankTitle {background-image: url(../../i/parts/narrowsearch_tit_pink.gif);}
	
	/* 2-2.categoryRanking Info
	---------------------------------------- */
	.sideInfo .infoSec.categoryRanking .rankingInfo {
		padding: 1px 0 0;
		background: url(../../i/common/line_dotted01_gray.gif) repeat-x;
	}
	
	.sideInfo .infoSec p.rankingImg a img {
		border: solid 1px #ddd;
	}


/* 2c. D campaign
========================================== */
.sideInfo .infoSec.campaignSec {
	background: none; /* Reset */
}

	/* 2-1.Title
	---------------------------------------- */
	.sideInfo .infoSec.campaignSec h2 {
		margin: 0; /* Reset */
		padding-top: 14px;
		height: auto; /* for Modern Browser */
		min-height: 17px; /* for Modern Browser */
		background: no-repeat 0 100%;
		font-size: 92.4%;
		line-height: 1.335;
		font-weight: bold;
		text-indent: 0; /* Reset */
		overflow: visible; /* Reset */
	}
	/* IE6 Only */
	.sideInfo .infoSec.campaignSec h2 {font-size:133%; font-weight:bold;}
	* html .sideInfo .infoSec.campaignSec h2 {height: 17px;}
	
	/* 2-2.categoryRanking Info
	---------------------------------------- */
	.sideInfo .infoSec.campaignSec .campaignInfo {
		padding: 1px 0 0;
		background: url(../../i/common/line_dotted01_gray.gif) repeat-x;
	}

	.sideInfo .infoSec.campaignSec .campaignInfo .text_box{
		background-color:#DAE4F1;
		margin-top:5px;
		padding:5px;
		line-height:133%;
	}

	body.blue .sideInfo .infoSec.campaignSec .campaignInfo .text_box {
		background-color:#DAE4F1;
	}
	
	body.pink .sideInfo .infoSec.campaignSec .campaignInfo .text_box {
		background-color:#F7E0EE;
	}
	
	.sideInfo .infoSec.campaignSec .campaignInfo .text_box p span {
		font-size:118%;
		color:#FF3300;
		font-weight:bold;
	}
	
	.sideInfo .infoSec.campaignSec .campaignInfo .text_box p span.item {
		font-size:100%;
		color:#4A76A3;
	}
	.sideInfo .infoSec.campaignSec .campaignInfo ul {
		margin:5px 0 5px 5px;
	}

	.sideInfo .infoSec.campaignSec .campaignInfo ul li{
		background:url(../../i/common/ico_square01_blue01.gif) no-repeat 0 50%;
		padding-left:15px;
	}
	body.blue .sideInfo .infoSec.campaignSec .campaignInfo ul li{
		background:url(../../i/common/ico_square01_blue01.gif) no-repeat 0 50%;
	}
	body.pink .sideInfo .infoSec.campaignSec .campaignInfo ul li{
		background:url(../../i/common/ico_square01_pink01.gif) no-repeat 0 50%;
	}	
	
	.sideInfo .infoSec.campaignSec .campaignInfo ul li span{
		color:#FF3300;
		font-weight:bold;
	}
	
	.sideInfo .infoSec.campaignSec .campaignInfo .text_box .display_box {
	
	}
	
/* G11
****************************************************************************************/
/* 1.Together Item
========================================== */
.sideInfo .togetherItem {
}

.sideInfo .togetherItem h2 {
	margin: 0 0 14px;
	height: 37px;
	background: url(../../i/parts/togetheritem_tit_blue.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/* color variation */
body.blue .sideInfo .togetherItem h2 {background-image: url(../../i/parts/togetheritem_tit_blue.gif);}
body.pink .sideInfo .togetherItem h2 {background-image: url(../../i/parts/togetheritem_tit_pink.gif);}


.sideInfo .togetherItem ul.listup {
	margin: 0 0 12px;
}

.sideInfo .togetherItem ul.listup li {
	margin: 0 0 10px;
	padding: 0 9px 7px;
	border: 1px solid #DBE5F2;
	background-color: #E8EEF6;
	vertical-align: bottom;
	zoom: 1;
}

/* color variation */
body.blue .sideInfo .togetherItem ul.listup li {border-color: #DBE5F2; background-color: #E8EEF6;}
body.pink .sideInfo .togetherItem ul.listup li {border-color: #FED7EB; background-color: #FAECF4;}

.sideInfo .togetherItem ul.listup li:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

.sideInfo .togetherItem ul.listup li a {
	color: #4A76A3;
}

.sideInfo .togetherItem ul.listup li a:hover {
	color: #FFCC00 !important;
}

	/* 1-1.Time Sale
	---------------------------------------- */
	.sideInfo .togetherItem ul.listup li.timeSale {
		border-color: #E3EDC8 !important;
		background-color: #F4F8E1 !important;
	}
	
	.sideInfo .togetherItem ul.listup li.timeSale p.aboutSale {
		clear: both;
		padding: 5px 0 0;
		font-size: 77%;
		line-height: 1.2;
	}
	
	.sideInfo .togetherItem ul.listup li.timeSale p.aboutSale a {
		padding-bottom: 1px; /* for Underline */
	}

	/* 1-2.Image Unit
	---------------------------------------- */
	.sideInfo .togetherItem ul.listup li .imageUnit {
		float: left;
		margin: 7px 0 0;
		width: 80px;
	}
	
		/* 1-2-1.Image
		---------------------------------------- */
		.sideInfo .togetherItem ul.listup li .imageUnit p.image {
			position: relative;
			zoom: 1;
		}
		
		.sideInfo .togetherItem ul.listup li .imageUnit p.image span.saleStatus {
			position: absolute;
			bottom: -4px;
			left: 0;
			width: 80px;
			text-align: center;
		}
		
		/* 1-2-2.Cart In
		---------------------------------------- */
		.sideInfo .togetherItem ul.listup li .imageUnit p.cartIn {
			margin: 5px 0 0;
			width: 80px;
		}
		
		.sideInfo .togetherItem ul.listup li .imageUnit p.cartIn a {
			display: block;
			height: 20px;
			background: url(../../i/common/btn_cart_01.png) no-repeat;
			text-indent: -9999px;
			overflow: hidden;
		}
		
		.sideInfo .togetherItem ul.listup li .imageUnit p.cartIn a:hover {background-position: 0 -20px;}

	/* 1-3.Product Info
	---------------------------------------- */
	.sideInfo .togetherItem ul.listup li .productInfo {
		float: right;
		margin: 7px 0 0;
		width: 93px;
	}
	
	.sideInfo .togetherItem ul.listup li .productInfo h3 {
		padding: 0 0 10px;
		font-size: 92.4%;
		line-height: 1.335;
	}
	
	.sideInfo .togetherItem ul.listup li .productInfo h3 a {
		padding-bottom: 1px; /* for Underline */
		color: #4A76A3;
	}
	
		/* 1-3-1.table
		---------------------------------------- */
		.sideInfo .togetherItem ul.listup li .productInfo table {
			margin: 0; /* Reset */
		}
		
		.sideInfo .togetherItem ul.listup li .productInfo table tr th,
		.sideInfo .togetherItem ul.listup li .productInfo table tr td {
			padding: 0; /* Reset */
			font-size: 83.34%;
			line-height: 1.2;
		}
		
		.sideInfo .togetherItem ul.listup li .productInfo table tr td {
			padding-left: 10px;
		}
		
		.sideInfo .togetherItem ul.listup li .productInfo table tr td span.price       {color: #F5007E;}
		.sideInfo .togetherItem ul.listup li .productInfo table tr td span.memberPrice {color: #F5007E;}
		.sideInfo .togetherItem ul.listup li .productInfo table tr td span.salePrice   {color: #F5007E;}
		
		.sideInfo .togetherItem ul.listup li .soldOut table tr td span.price,
		.sideInfo .togetherItem ul.listup li .soldOut table tr td span.memberPrice,
		.sideInfo .togetherItem ul.listup li .soldOut table tr td span.salePrice {text-decoration: line-through;}


/* 1.Related Unit
========================================== */
.sideInfo .infoSec .specialListup {
	position: relative;
	margin: -1px 0 0;
	padding: 0 8px 7px;
	border: 1px solid #DAE4F1;
	background-color: #FAFBFE;
}

/* color variation */
body.blue .sideInfo .infoSec .specialListup {border: 1px solid #DAE4F1;}
body.pink .sideInfo .infoSec .specialListup {border: 1px solid #FED7EB;}

	/* 1-1.ul
	---------------------------------------- */
	.sideInfo .infoSec .specialListup ul {
	}
	
	.sideInfo .infoSec .specialListup ul li {
		padding: 8px 0 0;
		font-size: 84.7%;
		line-height: 1.275;
	}
	
	.sideInfo .infoSec .specialListup ul li a {
		display: table-cell;
		padding: 0 0 1px 17px;
		background: url(../../i/common/ico_arrow02_green.gif) no-repeat;
		color: #434343;
	}
	/* IE6 Only */
	* html .sideInfo .infoSec .specialListup ul li a {
		display: inline;
		zoom: 1;
	}
	/* IE7 Only */
	*:first-child + html .sideInfo .infoSec .specialListup ul li a {
		display: inline;
		zoom: 1;
	}
	
	.sideInfo .infoSec .specialListup ul li a:hover {
		color: #FFCC00;
	}
	
	/********************************/
	/* static page side info */
	.sideInfo .infoSec.static h2 {
		margin: 0; /* Reset */
		padding-top: 14px;
		height: auto; /* for Modern Browser */
		min-height: 17px; /* for Modern Browser */
		background: no-repeat 0 100%;
		font-size: 122%;
		line-height: 1.335;
		font-weight: bold;
		text-indent: 0; /* Reset */
		overflow: visible; /* Reset */
		background: url(../../i/common/line_dotted01_gray.gif) repeat-x 0 bottom;
		margin-bottom:12px;
	}
	
	.sideInfo .infoSec.static {
		background: none;
	}

/* to Special Page
========================================== */

.infoSec .specialMoreInfo a {
	color:#FF9900;
}

.infoSec .specialMoreInfo a:hover {
	color:#FF0000;
}