@charset "utf-8";


/* コメント */
/************************************************/

.titleLicence {
	background-image: url(/_share/dotline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #AE0000;
	background-color: #FFFFE6;
}

.titleLicence2 {
	background-image: url(/_share/dotline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #AE0000;
	background-color: #DFFFFF;
}




/*【ハック Clearfix (float の背景がついてこない仕様の回避)】
　　・レイアウトの基礎として使うdiv全体に指定。
　　・tableなど一部の要素で必要な場合はclass指定する。*/
div:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility: hidden;
}


*+html div {
 display:inline-table;
 zoom:1;
 overflow: hidden;
}



/* exlude MacIE5 ¥*/
* html div {height:1%;overflow:visible;}
div{display:block;}
/* end MacIE5 */

.clearfix:after {
 content:".";
 display:block;
 clear:both;
 height:0;
 visibility: hidden;
}
.clearfix {
 display:inline-table;
 zoom:1;
 overflow: hidden;
}
/* exlude MacIE5 ¥*/
* html .clearfix{height:1%;overflow:visible;}
.clearfix{display:block;}
/* end MacIE5 */

.clear {
 clear: both;
}





/* ----------------------------------------------
News
------------------------------------------------- */


.NewsUnit{
padding:0 5px;}


.NewsUnit li{
float:left;
width:50px;
margin:0 5px 10px 0;
padding:0 0 5px 45px;
}

.NewsUnit li.item{ background:url(/shopping/img/news_icon_item.gif) no-repeat;}
.NewsUnit li.sell{ background:url(/shopping/img/news_icon_sell.gif) no-repeat;}
.NewsUnit li.restore{ background:url(/shopping/img/news_icon_restore.gif) no-repeat;}
.NewsUnit li.event{ background:url(/shopping/img/news_icon_event.gif) no-repeat;}
.NewsUnit li.new{ background:url(/shopping/img/news_icon_new.gif) no-repeat;}
.NewsUnit li.hot{ background:url(/shopping/img/news_icon_hot.gif) no-repeat;}
.NewsUnit li.web { background: url(/shopping/img/news_icon_web.gif) no-repeat scroll 0 0 transparent;}
    


.NewsUnit li.NewsDetail {
float:right;
width:480px;
padding:0;
color:#999;
/*background:#CCC;*/
}
*+html .NewsUnit li.NewsDetail {width:480px;}
*html .NewsUnit li.NewsDetail {width:480px;}




/* ----------------------------------------------
Licence News
------------------------------------------------- */


.LicenceNewsUnit{
padding:0 5px;}


.LicenceNewsUnit li{
float:left;
width:50px;
margin:0 5px 10px 0;
padding:0 0 5px 45px;
}

.LicenceNewsUnit li.item{ background:url(/shopping/img/news_icon_item.gif) no-repeat;}
.LicenceNewsUnit li.sell{ background:url(/shopping/img/news_icon_sell.gif) no-repeat;}
.LicenceNewsUnit li.restore{ background:url(/shopping/img/news_icon_restore.gif) no-repeat;}
.LicenceNewsUnit li.event{ background:url(/shopping/img/news_icon_event.gif) no-repeat;}
.LicenceNewsUnit li.new{ background:url(/shopping/img/news_icon_new.gif) no-repeat;}
.LicenceNewsUnit li.hot{ background:url(/shopping/img/news_icon_hot.gif) no-repeat;}
.LicenceNewsUnit li.web{ background:url(/shopping/img/news_icon_web.gif) no-repeat;}

.LicenceNewsUnit li.LicenceNewsDetail {
float:right;
width:460px;
padding:0;
color:#999;
/*background:#CCC;*/
}
*+html .LicenceNewsUnit li.LicenceNewsDetail {width:460px;}
*html .LicenceNewsUnit li.LicenceNewsDetail {width:460px;}





/* ----------------------------------------------
pickup
------------------------------------------------- */

#Pickup{margin:0 0 0 0; padding:0 0 0 18px;}
*html #Pickup{margin:0 -3px 0 3px;}

#Pickup img{width:120px; height:120px; margin:0 12px;}

.PickupUnit{
float:left;
width:125px;
margin:0 0 20px 5px;
/*border-bottom:1px dotted #999;*/
/*background:#CCC;*/
}
*html .PickupUnit{
margin:0 0 20px 0;
}