body {
	color: #333;
	font-size: 14px;
	line-height: 22px;
	background: white url(../images/bg.jpg) repeat-y center top;
	margin: 0;
	padding: 0;
}

body * {
	margin: 0;
	padding: 0;
}

img {
	border: 0px none;
}

/*---------------------------------------- 
  リンク
----------------------------------------*/
a:link { 
	color: #E60019;
	text-decoration: none;
}
a:visited { 
	color: #E60019;
	text-decoration: none;
}
a:hover {
	color: #E69900;
	text-decoration: underline;
}
a:active { 
	color: #E69900;
	text-decoration: none;
}


#wrapper {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

#content {
	width: 450px;
	margin: 20px auto 0;
}

#peoples {
	width: 560px;
	margin: 0 auto;
	overflow: hidden;
}

#date {
	font-size: 12px;
	text-align: center;
	color:#999;
	padding: 0 0 50px;
}



#ayaya, #unite {
	position: absolute;
	top: 114px;
}

#ayaya2, #unite2 {
	position: absolute;
	top: 5px;
}

#ayaya {
	left: -20px;
}

#unite {
	right: -20px;
}

#ayaya2 {
	left: -15px;
}

#unite2 {
	right: -15px;
}


/*---------------------------------------- 
  対談形式
----------------------------------------*/
dl {
	margin: 0;
}

dt {
	font-weight: normal;
	float: left;
	width: 100px;
	margin: 0;
	padding: 1em 0;
}

dd {
	float: left;
	width: 350px;
	margin: 0;
	padding: 1em 0;
	letter-spacing: 0.05em;
}


	#peoples dl {
		border-bottom: #CCC 1px solid;
	}
	
		#peoples dt {
			color:#666;
			font-weight: bold;
		}
		
		#peoples dd {
			color:#666;
			width: 460px;
		}

/*---------------------------------------- 
  リスト
----------------------------------------*/
ul {
	position: relative;
	list-style-type: none;
}

li {
	float: left;
}



/*---------------------------------------- 
  next prev navi 
----------------------------------------*/
.navi {
	width: 560px;
	height: 60px;
	margin: 20px auto 50px;
}

	.navi li.prev {
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.navi li.top {
		position: absolute;
		left: 170px;
		top: 0;
	}
	
		.navi li.top img {
			width: 220px;
			height: 60px;
		}
	
	.navi li.next {
		position: absolute;
		right: 0;
		top: 0;
	}
	
		.navi li.prev img, 
		.navi li.next img {
			width: 120px;
			height: 60px;
		}



#footer {
	width: 760px;
	margin: 50px auto;
}
	li.copyright {
		position: absolute;
		right: 0;
		top: 0;
	}



/*---------------------------------------- 
  article
----------------------------------------*/
.midashi {
	width: 560px;
	margin: 100px auto 0;
}

.photo {
	width:  450px;
	height: 300px;
	margin: 20px auto;
}

.photov {
	width:  300px;
	height: 450px;
	margin: 20px auto;
}

.photov2 {
	width:  320px;
	height: 450px;
	margin: 20px auto;
}

.photov3 {
	width:  316px;
	height: 450px;
	margin: 20px auto;
}

.photov4 {
	width:  325px;
	height: 450px;
	margin: 20px auto;
}

	.photo img, .photov img {
		width: 100%;
		height: 100%;
	}

.continue {
	margin: 20px 0 50px;
}


/*---------------------------------------- 
  column
----------------------------------------*/
.columnt {
	width: 560px;
	height: 30px;
	background: url(../images/bg_col_t.gif) no-repeat;
	margin: 0 auto;
}

.columnb {
	width: 560px;
	height: 30px;
	background: url(../images/bg_col_b.gif) no-repeat;
	margin: 0 auto;
}

.column {
	width: 500px;
	background: url(../images/bg_col_m.gif) repeat-y;
	margin: 0 auto;
	padding: 0 30px;
	letter-spacing: 0.05em;
}
	
	.column div.midashi {
		width: auto;
		margin: 0 0 20px;
	}
	
	.column div.cover {
		float: left;
		width: 180px;
		height: 254px;
		background: url(../images/img_cover.jpg);
		margin: 0 20px 20px 0;
	}
	
	.column div.cover img {
		width: 100%;
		height: 100%;
	}
	
	
	
#archive {
	width: 560px;
	margin: 0 auto;
	padding-bottom: 80px;
}

	#archive div.midashi {
		width: 100%;
		margin: 0 0 10px;
	}
	
	#archive li {
		float: none;
		margin: 0 0 10px;
	}
	
		#archive li div {
			float: left;
		}
		
		#archive li div.atitle {
			width: 430px;
		}
		
		#archive li div.adate {
			width: 130px;
			font-size:12px;
			text-align: right;
			color: #666;
		}