@charset "utf-8";

/*= 情報 ==================================================================
 *
 *  作成者         : なかの
 *  初版           : 2007-03-06
 *  最終更新       : 2007-03-06
 
 *	記述順序
 ----------------------------------
 	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:
------------------------------------	

 *	目次

	
/*=======================================================================*/

/*
---------------------------------------------------------------------
	各カテゴリーサムネイル
---------------------------------------------------------------------
*/


.contentsWrapper#top_forpro {
	display:inline;
	float:left;
	width:900px;
	margin-left:5px;
}
.contentsWrapper#contentsMenu {
	display:inline;
	float:left;
	background:#fff url(../../../forpro/img/bottom.gif) no-repeat left bottom;
	width:900px;
	clear:both;
	margin:15px 0 0 0;
	padding:0 0 21px 0;
}


/*
---------------------------------------------------------------------
	各コンテンツ
---------------------------------------------------------------------
*/
.contentsWrapper .box{
	display:inline;
	float:left;
	width:216px;
	margin:0 5px 0 0;
	
	
}
.contentsWrapper .box p.text {
	font-size:11px;
	width:200px;
	margin:0 auto;
	padding:2px 0;
	color:#FFFFFF;
}
.contentsWrapper .box#contactus p.text {
	color: #7F7F7F;
	margin:3px auto 0 auto ;
}	
.contentsWrapper .box p.text a{
	color:#FFFFFF;
}	

.contentsWrapper .box p.img img,
.contentsWrapper .box p.btn img{
	display:block;
	margin:0 auto;
}
.contentsWrapper .box p.img img{
	padding:1px 0 20px 0;
}	


.contentsWrapper .box#title {
	width:177px;
	margin:0 0 0 15px;
	
}
.contentsWrapper .box#whatsnew {
	width:403px;
	background:#fff;
	margin:0 0 0 6px;
	
}
.contentsWrapper .box#pr {
	width:280px;
	margin:0 0 0 6px;
}
.contentsWrapper .box#title,
.contentsWrapper .box#whatsnew,
.contentsWrapper .box#pr {
	margin-top:20px;
}

.contentsWrapper .box#pr p.bannar{
	margin-top:3px;
	
}

.contentsWrapper .box#technicalmovie {
	margin-left:14px;
	
}



/*
---------------------------------------------------------------------
	各カテゴリー更新部分
---------------------------------------------------------------------*/

.contentsWrapper .box dl {
	float:left;
	/*padding:5px 0 5px 0;*/
}
.contentsWrapper dt{
	float:left;
	padding:11px 0 0 6px;
	
}
.contentsWrapper dt img{
	border:1px solid #FFFFFF;
	
}
.contentsWrapper dd{
	float:right;
	width:350px;
	padding:11px 5px 10px 3px;
	
}

/*
---------------------------------------------------------------------
	メーカ新着
---------------------------------------------------------------------*/
.contentsWrapper .box#makersnews .makerBox{
	width:195px;
	margin:0 auto 10px;
	padding-bottom:5px;
	border-bottom: 1px dashed #d0cfcf;
}	
.contentsWrapper .box#makersnews .makerBox p.date{
	font-size:10px;
	color:#FFFFFF;
}
.contentsWrapper .box#makersnews .makerBox p.date img{
	margin:0 5px;
}
.contentsWrapper .box#makersnews .makerBox h4{
	margin:0 0 5px 0;
	color:#333;
}
.contentsWrapper .box#makersnews .makerBox h4 strong{
	margin:0 0 0 15px;
	padding:2px 0 0 0;
	display:block;
	line-height:1.4em;
	font-size:13px;
}		
.contentsWrapper .box#makersnews .makerBox p.text{
	float:left;
	width:115px;
}
.contentsWrapper .box#makersnews .makerBox .imageBox{
	float:right;
	text-align:right;
}
.contentsWrapper .box#makersnews .makerBox .imageBox p{
	margin-bottom:5px;
}		
.contentsWrapper .box#makersnews .makerBox .imageBox p.item img,
.contentsWrapper .box#makersnews .makerBox .imageBox p.logo img{
	padding:1px;
	background:#FFF;
	border:1px solid #d0cfcf;
}	
.contentsWrapper .box#makersnews .makerBox p.btn{
	clear:both;
	width:100%;
	text-align:right;
	display:block;
}	
.contentsWrapper .box#makersnews .makerBox p.btn img{
	margin:0 0 0 71px;
}
.contentsWrapper .box#makersnews .makerBox#care h4{
	background: #d2d2d2 url(../../forpro/makersnews/img/icon_care.gif) no-repeat 4px 5px;
}
.contentsWrapper .box#makersnews .makerBox#styling h4{
	background: #d2d2d2 url(../../forpro/makersnews/img/icon_styling.gif) no-repeat 4px 5px;
}
.contentsWrapper .box#makersnews .makerBox#parmanent h4{
	background: #d2d2d2 url(../../forpro/makersnews/img/icon_permanent.gif) no-repeat 4px 5px;
}
.contentsWrapper .box#makersnews .makerBox#color h4{
	background: #d2d2d2 url(../../forpro/makersnews/img/icon_color.gif) no-repeat 4px 5px;
}