/* CSS index */

#leftBox{
	float: left;
	width: 642px
}

#leftBox p{
	margin-top: 1px;
}

#rightBox{
	background-image: url(../images/profile_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
	float: right;
	height: 427px;
	width: 120px;
}

#rightBox p#photo{
	margin: 15px 0;
}

#rightBox dl{
	padding: 0 3px 0 7px;
	text-align: left;
}

#rightBox dt{
	margin: 0 0 10px;
}

#rightBox dd img{
	margin: 0 auto 10px;
	width: 106px;
}

#rightBox li{
	margin: 0 0 6px;
}

	#sectionBox{
		background: url(../images/section_bg.gif) repeat-y;
		border-bottom: 1px solid #CDC1DD;
		clear: both;
		margin: 0 auto;
		padding: 0 0 10px;
		width: 762px;
	}
	
		/*---------- infoBox */

		#infoBox{
			float: left;
			width: 289px;
		}

			#infoBox h2{
				margin: 0 0 8px 0;
			}

				#infoBox p{
					color: #80466C;
					font-size: 10px;
					font-weight: bold;
					margin: 8px 0 6px;
					padding: 0 16px;
					text-align: left;
				}
	
				#infoBox ul{
					padding: 0 16px;
					text-align: left;
				}
		
				#infoBox li{
					font-size: 12px;
					line-height: 140%;
					list-style-image: url(../images/arrow.gif);
					margin: 0 0 8px 15px;
				}

					*html #infoBox .infoline{
						background: url(../images/section_line.gif) repeat-x;
						height: 1px;
						margin: 0 auto;
						text-align: center;
						width: 260px;
					}
			
					#infoBox .infoline{
						background: url(../images/section_line.gif) repeat-x;
						height: 1px;
						margin: 0 auto 8px;
						text-align: center;
						width: 260px;
					}

		/*---------- /infoBox */

		/*---------- resultsBox */

		#resultsBox{
			float: left;
			width: 234px;
		}
		
			#resultsBox h2{
				margin: 0 0 8px 0;
			}
			
				#resultsBox .resultsSubBox, #mediaBox .mediaSubBox{
					margin: 0 auto;
					width: 206px;
				}
				
					#resultsBox .resultsSubBox p.thumbnail, #mediaBox .mediaSubBox p.thumbnail{
						float: left;
						margin: 0 9px 0 0;
					}
					
						#resultsBox .resultsSubBox .date, #mediaBox .mediaSubBox .date{
							color: #80466C;
							font-size: 10px;
							font-weight: bold;
							margin: 0 0 6px;
							text-align: left;
						}
						
						#resultsBox .resultsSubBox ul, #mediaBox .mediaSubBox ul{
							text-align: left;
						}
						
						*html #resultsBox .resultsSubBox li, *html #mediaBox .mediaSubBox li{
							font-size: 12px;
							line-height: 130%;
							list-style-image: url(../images/arrow.gif);
							margin: 0 0 0 60px;
						}
						
						#resultsBox .resultsSubBox li, #mediaBox .mediaSubBox li{
							font-size: 12px;
							line-height: 130%;
							list-style-image: url(../images/arrow.gif);
							margin: 0 0 0 12px;
						}
						
						#resultsBox p.detail, #mediaBox p.detail{
							padding-right: 12px;
							text-align: right;
						}
						
						*html #resultsBox .resultsline, *html #mediaBox .medialine{
							background: url(../images/section_line.gif) repeat-x;
							clear: both;
							height: 1px;
							margin: 8px auto 10px;
							width: 206px;
						}
						
						#resultsBox .resultsline, #mediaBox .medialine{
							background: url(../images/section_line.gif) repeat-x;
							clear: both;
							height: 1px;
							margin: 8px auto;
							width: 206px;
						}

		/*---------- /resultsBox */

		/*---------- mediaBox */

		#mediaBox{
			float: left;
			width: 238px;
		}
		
			#mediaBox h2{
				margin: 0 0 8px 0;
			}
			
				#mediaBox h3{
					color: #80466C;
					font-size: 12px;
					margin: 0 0 8px 0;
				}
				
					#mediaBox #mediaNewBox{
						margin: 0 auto;
						width: 206px;
					}
					
						#mediaBox p#newGoods{
							float: left;
							margin: 0 8px 0 0; 
						}
						
						#mediaBox p#newText{
							color: #6B5287;
							font-size: 10px;
							line-height: 14px;
							text-align: left;
						}
						
						#mediaBox p#newText a{
							color: #6B5287;
							font-size: 10px;
							line-height: 14px;
							text-align: left;
						}
						
		/*---------- /mediaBox */