@charset "UTF-8";
/*******************************************************************************
file name  :  item.css
style info :  
********************************************************************************/

/*===================================================================
	ハック
===================================================================*/

/* clearfix 
xxxxxx:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}*/
/*********************************************************
	item
*********************************************************/
#main #content #item{
	padding-bottom:50px;
}
#main #content #item .section-Lv1{
	padding-top:30px;
}
#main #content #item .section-Lv1 .section-Lv2{
	width:215px;
	padding-left:15px;
	float:left;
}
#main #content #item .section-Lv1 .first-child{
	padding-left:0px;
}
#main #content #item .section-Lv1 .section-Lv2 h2{
	margin-bottom:5px;
}
#main #content #item .section-Lv1 .section-Lv2 p{
	padding-top:3px;
}
#main #content p.explain{
	padding:0 0 2px 10px;
	line-height:100%;
	font-size:90%;
	background:url(../img/item/bg_panel.jpg) left top repeat-y;
}
	/* hack for IE 6 */
	* html #main #content p.explain{
		line-height:110%;
	}
	/* hack for IE 7 */
	*:first-child+html #main #content p.explain{
		line-height:120%;
	}
	
/*********************************************************
	direct
*********************************************************/
#main #content #direct{
	padding-bottom:50px;
}
#main #content #direct .section-Lv1{
	margin-top:10px;
}
#main #content #direct .section-Lv1 .currentimg{
	width:675px;
	height:380px;
	background:url(../img/item/bg_currentimg.jpg) left top no-repeat;
}
#main #content #direct .section-Lv1 .tab{
	padding-left:10px;
	background:url(../img/item/bg_tab.jpg) left top no-repeat;
	height:105px;
}
#main #content #direct .section-Lv1 .tab ul li{
	float:left;
	margin-left:10px;
	cursor:pointer;
}
#main #content #direct .section-Lv1 .tab ul li.first-child{
	margin-left:0px;
}
#main #content #direct .section-Lv1 .panel{
	height:80px;
	padding:0 0 0 20px;
	margin:0;
	background:url(../img/item/bg_panel.jpg) left top repeat-y;
}
/*********************************************************
	coordinate
*********************************************************/
#main #content #coordinate{
	padding-bottom:50px;
}
#main #content #coordinate .section-Lv1{
	margin-top:10px;
}
#main #content #coordinate .section-Lv1 .currentimg{
	width:675px;
	height:380px;
	background:url(../img/item/bg_currentimg.jpg) left top no-repeat;
}
#main #content #coordinate .section-Lv1 .tab{
	padding-left:10px;
	background:url(../img/item/bg_tab.jpg) left top no-repeat;
	height:105px;
}
#main #content #coordinate .section-Lv1 .tab ul li{
	float:left;
	margin-left:10px;
	cursor:pointer;
}
#main #content #coordinate .section-Lv1 .tab ul li.first-child{
	margin-left:0px;
}
#main #content #coordinate .section-Lv1 .panel{
	height:80px;
	margin:0;
	padding:0 0 0 20px;
	background:url(../img/item/bg_panel.jpg) left top repeat-y;
}
/*********************************************************
	makeup
*********************************************************/
#main #content #makeup{
	padding-bottom:50px;
}
#main #content #makeup h2{
	margin-bottom:10px;
	margin-top:30px;
}
#main #content #makeup #shop .left-column{
	width:229px;
	float:left;
}
#main #content #makeup #shop .right-column{
	padding-left:15px;
	width:431px;
}
#main #content #makeup .section-Lv1{
	margin-top:10px;
}
#main #content #makeup .section-Lv1 .currentimg{
	width:675px;
	height:380px;
	background:url(../img/item/bg_currentimg.jpg) left top no-repeat;
}
#main #content #makeup .section-Lv1 .tab{
	padding-left:11px;
	background:url(../img/item/bg_tab.jpg) left top no-repeat;
	height:105px;
}
#main #content #makeup .section-Lv1 .tab ul li{
	float:left;
	margin-left:5px;
	cursor:pointer;
}
#main #content #makeup .section-Lv1 .tab ul li.first-child{
	margin-left:0px;
}
#main #content #makeup .section-Lv1 .panel{
	height:80px;
	margin:0;
	padding:0 0 0 20px;
	background:url(../img/item/bg_panel.jpg) left top repeat-y;
}
#main #content #makeup .left-column{
	width:230px;
	float:left;
}
#main #content #makeup .left-column img{
	margin-bottom:10px;
}
#main #content #makeup .left-column img.last-child{
	margin-bottom:0px;
}
#main #content #makeup .right-column{
	width:430px;
	float:left;
	padding-left:15px;
}