@charset "utf-8";

/*
======== table of content. =================================

summary:中国ビジネスサポートページ用CSS

- PROMOTIONAREA
- CONTENT

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



/*-----------------------------------------------------
PROMOTIONAREA
-------------------------------------------------------*/

div#promotionArea {

	background:
			transparent
			url(../images/consulting_firm/bg_promotion.jpg) 
			no-repeat 0 109px;
}

/*-----------------------------------------------------
CONTENT
-------------------------------------------------------*/
div.tags {
	margin:0 0 0 12px;
	_margin:0 0 0 6px;
	width:723px;
	background:
			transparent
			url(../images/consulting_firm/bg_point_middle.jpg) 
			repeat-y left top;
}
div.tag-container {
	padding:0 0 21px 0;
	background:
			transparent
			url(../images/consulting_firm/bg_point_btm.jpg) 
			no-repeat left bottom;
}

ol.process {
	margin:10px 0 0 33px;
	width:670px;
}
ol.process li {
	padding:0 0 0 36px;
	float:left;
	width:105px;
	height:40px;
	background:
			transparent
			url(../images/consulting_firm/cursor_process.gif) 
			no-repeat left top;
}
ol.process li.p01 {
	padding:0;
	background:none;
}
ol.process li.p02 {
	padding:0 0 0 34px;
	width:145px;
}
ol.process li.p03 {
	padding:0 0 0 34px;
	width:205px;
}
ol.process li.p04 {
	width:105px;
}
ol.process li span {
	display:block;
	width:105px;
	height:40px;
	text-align:center;
	line-height:40px;
	color:#FFF;
}
ol.process li.p01 span {
	width:105px;
	background:
			transparent
			url(../images/consulting_firm/bg_process01.gif) 
			no-repeat left top;
}
ol.process li.p02 span {
	width:145px;
	background:
			transparent
			url(../images/consulting_firm/bg_process02.gif) 
			no-repeat left top;
}
ol.process li.p03 span {
	padding:3px 15px 2px 35px;
	width:155px;
	background:
			transparent
			url(../images/consulting_firm/bg_process03.gif) 
			no-repeat left top;
	text-indent:-1em;
	text-align:left;
	line-height:1.3;
}
ol.process li.p04 span {
	width:105px;
	background:
			transparent
			url(../images/consulting_firm/bg_process04.gif) 
			no-repeat left top;
}

/* OKアイコン */
ol.process li.p04 {
	position:relative;
}
ol.process li.p04 img.icon_ok {
	position:absolute;
	top:-36px;
	left:0;
}


/** */
div.type-area {
	margin:20px 0 0 23px;
	_margin:10px 0 0 23px;
	width:678px;	
	background:
			transparent
			url(../images/consulting_firm/bg_process_middle.jpg) 
			repeat-y left top;
}
div.type-container {
	padding:0 0 25px 0;
	width:678px;
	background:
			transparent
			url(../images/consulting_firm/bg_process_btm.jpg) 
			no-repeat left bottom;
}
ul.type-list {
	margin:0 0 0 12px;
}
ul.type-list li {
	margin:10px 0 0 23px;
	_margin:10px 11px 0 12px;
	float:left;
	border:1px solid #CCC;
	width:188px;
	height:155px;
	background:
			transparent
			url(../images/consulting_firm/bg_process_list.gif) 
			repeat-y left top;
}

dl.type-detail {
	width:188px;
}
dl.type-detail dt {
	margin:3px 0 0 0;
	display:block;
	line-height:1.8;
	color:#FFF;
	background:#413425;
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
}
dl.type-detail dd.type-pict {
	margin:10px 0 0 10px;
	_margin:10px 0 0 5px;
	float:left;
	width:65px;
}
dl.type-detail dd.type-exp {
	margin:10px 0 0 85px;
	width:92px;
	line-height:1.2;
	font-size:0.9em;
}

ul.type-members {
	margin:5px 0 0 0;
	clear:left;
	width:188px;
}

ul.type-members li {
	margin:5px 0 0 10px;
	_margin:5px 0 0 5px;
	padding:0 0 0 13px;
	border:0;
	float:left;
	width:60px;
	height:15px;
	background:
			transparent
			url(../images/consulting_firm/cursor01.gif) 
			no-repeat 0 3px;
	font-size:0.75em;
}