@charset "utf-8";

#columnKeyman {
	width: 640px;
}

/* summary
-------------------------------------*/
#summary {
	float: left;
	width: 460px;
	border-right: 5px solid #999999;
}

/* index
-------------------------------------*/
#index {
	float: right;
	width: 156px;
}

#index ul {
	margin-left: 3px;
}

#index li {
	padding: 0 0 5px 20px;
	background: url(/articles/keyman/images/i_yaji2.gif) no-repeat left top;
}

/* summary-box
-------------------------------------*/
.summary-box {
	width: 453px;
	margin-top: 20px;
	padding-top: 5px;
	background: url(/articles/keyman/images/04_a.gif) no-repeat left top;
}

.summary-box .bgWrap {
	padding-bottom: 5px;
	background: url(/articles/keyman/images/05.gif) no-repeat left bottom;
}

.summary-box .bgImage_bit {
	background: url(/articles/keyman/images/07.gif) no-repeat 10px center;
	min-height: 66px;
	height: auto !important;
	height: 66px;
}

.summary-box .bgImage_keyman {
	background: url(/articles/keyman/images/08.gif) no-repeat 16px center;
	min-height: 78px;
	height: auto !important;
	height: 78px;
}

.summary-box .text {
	width: 340px;
	margin: 10px 10px 10px 100px;
}

/* bit
-------------------------------------*/
.bit {
	width: 546px;
	margin-bottom: 25px;
}

.bit .bgWrap {
	padding: 15px;
	background: url(/articles/keyman/images/12.gif) no-repeat left bottom;
}	

.bit .bgImage {
	background: url(/articles/keyman/images/10.gif) no-repeat left top;
	min-height: 75px;
	height: auto !important;  
	height: 75px;
}

.bit .comment {
	width: 453px;
	margin-left: 93px;
	background: url(/articles/keyman/images/11_a.gif) no-repeat left top;
}


/* keyman
-------------------------------------*/
.keyman {
	width: 533px;
	margin-bottom: 25px;
	padding-top: 5px;
	background: url(/articles/keyman/images/14_a.gif) no-repeat left top;
}

.keyman .bgWrap {
	padding-bottom: 5px;
	background: url(/articles/keyman/images/15.gif) no-repeat left bottom;
}

.keyman .bgImage {
	background: url(/articles/keyman/images/16.gif) no-repeat 5px center;
	min-height: 76px;
	height: auto !important;
	height: 76px;
}

.keyman .comment {
	width: 420px;
	margin: 10px 15px 10px 90px;
}

/* point
-------------------------------------*/
.point {
	width: 610px;
	border: 2px solid #df0000;
	padding: 8px;
	margin-bottom: 25px;
}

.point .bgImage_1 {
	background: url(/articles/keyman/images/23.gif) no-repeat left center;
	min-height: 128px;
	height: auto !important;
	height: 128px;
}

.point .bgImage_2 {
	background: url(/articles/keyman/images/29.gif) no-repeat left center;
	min-height: 128px;
	height: auto !important;
	height: 128px;
}

.point .bgImage_3 {
	background: url(/articles/keyman/images/32.gif) no-repeat left center;
	min-height: 128px;
	height: auto !important;
	height: 128px;
}

.point .text {
	width: 455px;
	margin: 5px 15px 5px 148px;
	padding-top: 5px;
}

.red {
	color: #df0000;
}


/* solved
-------------------------------------*/
.solved {
	width: 440px;
	margin: 20px auto 25px auto;
	padding-top: 42px;
	background: url(/articles/keyman/images/26_a.gif) no-repeat left top;
}

.solved .bgWrap {
	padding-bottom: 5px;
	background: url(/articles/keyman/images/27.gif) no-repeat left bottom;
}

.solved .text {
	width: 350px;
	margin: 0 15px 0 80px;
	padding: 10px 0 10px 0;
}


/* more
-------------------------------------*/
.more {
	width: 533px;
	margin: 20px auto 25px auto;
	padding-top: 30px;
	background: url(/articles/keyman/images/35_a.gif) no-repeat left top;
}

.more .bgWrap {
	padding-bottom: 5px;
	background: url(/articles/keyman/images/36.gif) no-repeat left bottom;
}

.more .text {
	margin: 10px;
}