@charset "utf-8";

/*= 情報 ==================================================================
 *
 *  作成者         : むとう
 *  初版           : 2007-06-14
 *  最終更新       : 2007-06-15
 
 *	記述順序
 ----------------------------------
 	1.position:
	2.display:
	3.visilibity:
	4.float:
	5.background:
	6.text-indent:
	7.overflow:
	8.width:
	9.height:
	10.border:
	11.top:
	12.left
	13.margin:
	14.padding:
------------------------------------	

/*
---------------------------------------------------------------------
	MAKERS NEWS-index
---------------------------------------------------------------------
*/
.contentsWrapper#makersnews .contents{
	background:url(../../forpro/makersnews/img/bg.gif) repeat-y left;
	float:left;
	margin:20px 0 0 0;
	padding:0 0 10px 0;
}	

/*	サイドバー　
==============================================*/
.contentsWrapper#makersnews .sideBar {
	float:left;
	width:182px;
	margin:0 5px 0 15px;
	display:inline;
	background:url(../../forpro/makersnews/img/bar2.gif) no-repeat;
	padding:7px 0 0 0;
}
.contentsWrapper#makersnews .sideBar ul li{
	border-bottom:1px solid #FFF;
	text-align:right;
	line-height:0;
}	
.contentsWrapper#makersnews .sideBar ul li#all{
	border:none;
}	
.contentsWrapper#makersnews .sideBar ul li img{
	vertical-align:bottom;
}	

/*	メインエリア　
==============================================*/
.contentsWrapper#makersnews .mainArea {
	float:right;
	width:683px;
	margin:0 15px 0 0;
	display:inline;
	background:url(../../forpro/makersnews/img/bar1.gif) no-repeat;
	padding:7px 0 0 0;
}
.contentsWrapper#makersnews .mainArea p.list{
	text-align:center;
	font-size:10px;
	line-height:1em;
}	
.contentsWrapper#makersnews .mainArea p.list span{
	margin:0 3px;
}	
.contentsWrapper#makersnews .mainArea p.list a{
	text-decoration:underline;
}	
/*	商品情報ボックス　
==============================================*/
.contentsWrapper#makersnews .mainArea .itemBox{
	border-bottom:1px dashed #bebdbd;
	padding:0 0 10px 10px;
	margin:0 0 10px 0;
	position:relative;
	height:140px;
	background:url(../../forpro/makersnews/img/line_care.gif) no-repeat left top;
}	
.contentsWrapper#makersnews .mainArea .itemBox p.date{
	font-size:10px;
	color:#333333;
	width:109px;
	float:left;
}	
.contentsWrapper#makersnews .mainArea .itemBox p.maker{
	background:url(../../forpro/makersnews/img/icon_care2.gif) no-repeat 0 1px;
	padding:0 0 0 10px;
	float:left;
}
.contentsWrapper#makersnews .mainArea .itemBox p.sale{
	float:right;
}
.contentsWrapper#makersnews .mainArea .itemBox p.sale img{
	margin:0 0 0 3px ;
}		
.contentsWrapper#makersnews .mainArea .itemBox p.date,
.contentsWrapper#makersnews .mainArea .itemBox p.maker,
.contentsWrapper#makersnews .mainArea .itemBox p.sale{
	line-height:1em;
}		
.contentsWrapper#makersnews .mainArea .itemBox p.date img{
	margin:0 0 0 5px;
}
.contentsWrapper#makersnews .mainArea .itemBox .detailArea{
	clear:both;
}		
.contentsWrapper#makersnews .mainArea .itemBox .imageArea{
	float:left;
	margin-right:7px;
}
.contentsWrapper#makersnews .mainArea .itemBox .imageArea p.image{
	margin-bottom:4px;
}		
.contentsWrapper#makersnews .mainArea .itemBox .imageArea p.image img{
	padding:2px;
	border: 1px solid #bebdbd;
}
.contentsWrapper#makersnews .mainArea .itemBox .imageArea p.btn{
	text-align:right;
}	
.contentsWrapper#makersnews .mainArea .itemBox h3{
	color:#333333;
	padding:2px 2px 0 0;
	overflow:auto;
	font-size:13px
}
* html body .contentsWrapper#makersnews .mainArea .itemBox h3{
	height:20px;
	overflow:visible;
}
*+html body .contentsWrapper#makersnews .mainArea .itemBox h3{
	height:20px;
	overflow:visible;
}	
.contentsWrapper#makersnews .mainArea .itemBox h3 span{
	line-height:1.4em;
	float:left;
	padding:2px 0 0 22px;
	display:block;
}
* html body .contentsWrapper#makersnews .mainArea .itemBox h3 span{
	padding:1px 0 2px 22px;
}
*+html body .contentsWrapper#makersnews .mainArea .itemBox h3 span{
	padding:1px 0 2px 22px;
}

html* .contentsWrapper#makersnews .mainArea .itemBox h3 span{
	padding:0 0 2px 22px;
}
.contentsWrapper#makersnews .mainArea .itemBox h3 strong{
	background:url(../../forpro/makersnews/img/tag_care3.gif) no-repeat right 2px;
	float:right;
	text-indent:-9999px;
	width:78px;
}
		
.contentsWrapper#makersnews .mainArea .itemBox p.comment{
	float:left;
	margin:10px 0 0 5px;
	width:450px;
}	
.contentsWrapper#makersnews .mainArea .itemBox p.logo{
	float:right;
	text-align:right;
	margin:4px 0;
}	
.contentsWrapper#makersnews .mainArea .itemBox p.logo img{
	padding:2px;
	border: 1px solid #bebdbd;
}
.contentsWrapper#makersnews .mainArea p.nodata{
	text-align:center;
	margin-top:20px;
}	

.contentsWrapper#makersnews .mainArea .itemBox#styling h3{
	background:#efefef url(../../forpro/makersnews/img/icon_styling.gif) no-repeat 6px 6px;
}	
.contentsWrapper#makersnews .mainArea .itemBox#care h3{
	background:#efefef url(../../forpro/makersnews/img/icon_care.gif) no-repeat 6px 6px;
}	
.contentsWrapper#makersnews .mainArea .itemBox#color h3{
	background:#efefef url(../../forpro/makersnews/img/icon_color.gif) no-repeat 6px 6px;
}	
.contentsWrapper#makersnews .mainArea .itemBox#parmanent h3{
	background:#efefef url(../../forpro/makersnews/img/icon_permanent.gif) no-repeat 6px 6px;
}	

.contentsWrapper#makersnews .mainArea .itemBox#styling{
	background:url(../../forpro/makersnews/img/line_styling.gif) no-repeat left top;
}
.contentsWrapper#makersnews .mainArea .itemBox#care{
	background:url(../../forpro/makersnews/img/line_care.gif) no-repeat left top;
}	
.contentsWrapper#makersnews .mainArea .itemBox#color{
	background:url(../../forpro/makersnews/img/line_color.gif) no-repeat left top;
}	
.contentsWrapper#makersnews .mainArea .itemBox#parmanent{
	background:url(../../forpro/makersnews/img/line_permanent.gif) no-repeat left top;
}	

.contentsWrapper#makersnews .mainArea .itemBox#styling p.maker{
	background:url(../../forpro/makersnews/img/icon_styling2.gif) no-repeat 0 1px;
}
.contentsWrapper#makersnews .mainArea .itemBox#care p.maker{
	background:url(../../forpro/makersnews/img/icon_care2.gif) no-repeat 0 1px;
}
.contentsWrapper#makersnews .mainArea .itemBox#color p.maker{
	background:url(../../forpro/makersnews/img/icon_color2.gif) no-repeat 0 1px;
}
.contentsWrapper#makersnews .mainArea .itemBox#parmanent p.maker{
	background:url(../../forpro/makersnews/img/icon_permanent2.gif) no-repeat 0 1px;
}

.contentsWrapper#makersnews .mainArea .itemBox#styling h3 strong{
	background:url(../../forpro/makersnews/img/tag_styling3.gif) no-repeat right 2px;
}
.contentsWrapper#makersnews .mainArea .itemBox#care h3 strong{
	background:url(../../forpro/makersnews/img/tag_care3.gif) no-repeat right 2px;
}
.contentsWrapper#makersnews .mainArea .itemBox#color h3 strong{
	background:url(../../forpro/makersnews/img/tag_color3.gif) no-repeat right 2px;
}
.contentsWrapper#makersnews .mainArea .itemBox#parmanent h3 strong{
	background:url(../../forpro/makersnews/img/tag_permanent3.gif) no-repeat right 2px;
}