@charset "Shift_JIS";


/* LIVE AREA */
.live {
}
	/* common */
	.live .photos {
		float:left;
		width: 250px;
		text-align: left;
	}
		.live .photos .photo {
			margin-bottom: 10px;
		}
		
	.live .articleArea {
		float: right;
		width: 420px;
	}
	
	.live .titlearea {
		position: relative;
		width: 100%;
		background-color: #EEEEEE;
	}
	
		.live .title {
			float: left;
			width: 300px;
		}
				.live .titlet {
					height: 5px;
				}
				.live .titlem {
					padding-left: 10px;
					font-weight: bold;
				}
				.live .titleb {
					height: 5px;
				}
	
		.live .face {
			float:right;
			width: 60px;
			height: 60px;
			background-color: #EEEEEE;
		}
	
	.live .article {
		width: 370px;
		margin-top: 10px;
	}
	
				
		.live .liveDate {
			font-size: 10px;
			color: #808080;
		}
				
		.live .liveTitle {
			width: 270px;
			font-size: 14px;
			color: #333;
		}
		
		
			.live .navi {
				padding: 20px 0;
				border-bottom: 1px solid #808080;
			}
				.live .navi ul {
					width: 600px;
					margin: 0 auto;
				}
				.live .navi li {
					float: left;
					padding: 0 5px;
					width: 140px;
				}
				.live .navi li.mail,
				.live .navi li.tweet {
					padding-top: 5px;
				}
		
		
			.live .navi2 {
				padding: 20px 0 0;
			}
				.live .navi2 ul {
					width: 380px;
					margin: 0 auto;
				}
				.live .navi2 li {
					float: left;
					padding: 0 5px;
				}
			
			
			.live .navi3 {
				padding: 20px 0;
				border-bottom: 1px solid #808080;
			}
				.live .navi3 ul {
					width: 490px;
					margin: 0 auto;
				}
				.live .navi3 li {
					float: left;
					padding: 0 5px;
					width: 140px;
				}
				.live .navi3 li.latest {
					width: 180px;
				}
		
	
	/* live01 */
	.livebase1 {
		padding-bottom: 20px;
		border-bottom: 1px solid #808080;
	}
	
	.live .info {
		padding-top: 20px;
		font-size: 12px;
		line-height: 1.5em;
		color: #808080;
	}