@charset "utf-8";

/* topページ */
.pick-up {
	margin: 405px 0 30px 0;
}

	.new {
		float: left;
		width: 160px;
		height: 435px;
		background: url(/images/bg_new.jpg) left top no-repeat;
		padding: 30px 10px 0;
	}

	.recommend {
		float: left;
		width: 160px;
		height: 435px;
		background: url(/images/bg_recommend.jpg) left top no-repeat;
		padding: 30px 10px 0;
	}
	
	.coming {
		float: left;
		width: 160px;
		height: 435px;
		background: url(/images/bg_coming_soon.jpg) left top no-repeat;
		padding: 30px 10px 0;
	}


.blog {
	width: 510px;
	background: url(/images/bg_blog.jpg) left top repeat-y;
	padding: 10px 15px 10px 15px;
}

	.blog h3 {
		background: url(/images/bg_blog_title.jpg) left top no-repeat;
		font-size: 11px;
		margin: 0 0 10px 0;
		padding: 0 0 0 15px;
	}
	
	dl.article {
		margin: 0 0 30px 0;
	}
	
		dl.article dt {
			float: left;
			width: 90px;
		}
		
		dl.article dd {
			float: right;
			width: 400px;
		}


/*
作家プロフィール
アイテム詳細
インタビューリスト - 背景スタイル
*/
.area-body {
	width: 500px;
	background: url(/images/bg_area_body.jpg) left top repeat-y;
	padding: 10px 20px;
}


/*
作家プロフィール
アイテム詳細
*/
p.name {
	font-weight: bold;
	font-size: 13px;
	margin: 0 0 10px 0;
}

dl.author {
	margin: 0 0 10px 0;
}

	dl.author dt {
		float: left;
		font-weight: bold;
		font-size: 13px;
	}
	
	dl.author dd {
		float: right;
	}

.left {
	float: left;
	width: 70px;
}

	.left p {
		margin: 10px 0 0 10px;
	}

.right {
	float: right;
	width: 400px;
}

	table.detail-table {
		width: 400px;
	}
	
		table.detail-table th {
			width: 60px;
			text-align: right;
			vertical-align: top;
			color: #00A0C6;
			border-top: 1px dotted #BFBFBF;
			border-bottom: 1px dotted #BFBFBF;
			padding: 5px 5px 5px 0;
		}
		
		table.detail-table td {
			border-top: 1px dotted #BFBFBF;
			border-bottom: 1px dotted #BFBFBF;
			padding: 5px 0;
		}

/* 商品イメージ */
.item-img {
	height: 211px;
	background: url(/images/bg_image.jpg) left top no-repeat;
	margin: 10px 0 0 0;
}

	.item-img img {
		float: left;
		padding: 40px 0 30px 28px;
	}


/* 商品リスト */
.item-box {
	float: left;
	width: 155px;
	height: 70px;
	margin: 10px 8px 5px 0;
}


/*
お問合せ
メンバーエントリー
リンク
インタビュー詳細 - 背景スタイル
*/
.box-body {
	width: 480px;
	background: url(/images/bg_box_body.jpg) left top repeat-y;
	padding: 10px 20px 10px 40px;
}


/*
お問合せ
メンバーエントリー
*/
table.form-table {
	margin: 0 0 30px 60px;
}

	table.form-table th {
		background: url(/images/img_bar1.jpg) right top no-repeat;
		vertical-align: top;
		text-align: right;
		padding: 3px 10px 3px 3px;
	}
	
	table.form-table th.cap {
		background: none;
	}
	
	table.form-table td {
		padding: 3px 3px 3px 10px;
	}
	
		table.form-table td input {
			width: 150px;
			height: 14px;
			border: 1px solid #C9C9C9;
		}
		
		table.form-table td textarea {
			width: 270px;
			height: 90px;
			border: 1px solid #C9C9C9;
		}
	
	table.form-table span {
		color: #FF0000;
	}
	
.btn-area {
	text-align: center;
}


/* インタビュー詳細 */
table.archive {
	width: 495px;
}

	table.archive td {
		border-bottom: 2px dotted #E5E5E5;
		padding: 7px 5px;
	}


/* リンク */
table.link-table {
}

	table.link-table th {
		background: url(/images/img_bar1.jpg) right top no-repeat;
		vertical-align: top;
		padding: 3px 10px 3px 3px;
	}
	
	table.link-table td {
		vertical-align: top;
		padding: 3px 3px 3px 10px;
	}


/* 作家募集 */
.meeting {
	width: 480px;
	height: 75px;
	background: url(/images/bg_meeting.jpg) left top no-repeat;
	margin: 20px 0 0 0;
	padding: 35px 30px 0 30px;
}

.make-img {
	width: 480px;
	height: 252px;
	background: url(/images/bg_make-img.jpg) left top no-repeat;
	margin: 20px 0 0 0;
	padding: 35px 30px 0 30px;
}

.contract {
	width: 480px;
	height: 255px;
	background: url(/images/bg_contract.jpg) left top no-repeat;
	margin: 20px 0 0 0;
	padding: 35px 30px 0 30px;
}

.report {
	width: 480px;
	height: 65px;
	background: url(/images/bg_report.jpg) left top no-repeat;
	margin: 20px 0 0 0;
	padding: 35px 30px 0 30px;
}

.inquiry {
	width: 480px;
	height: 180px;
	background: url(/images/bg_inquiry.jpg) left top no-repeat;
	margin: 20px 0 0 0;
	padding: 35px 30px 0 30px;
}

	.btn {
		margin: 17px 0 0 10px;
	}
	
		.btn a {
			margin: 0 15px 0 0;
		}


/* 会社概要 */
.profile {
	background: url(/images/bg_company.jpg) left top no-repeat;
	margin: 0 0 90px 0;
	padding: 80px 0 125px 200px;
}

	table.profile-table {
	}
	
		table.profile-table th {
			background: url(/images/img_bar1.jpg) right top no-repeat;
			vertical-align: top;
			text-align: right;
			padding: 3px 10px 3px 3px;
		}
		
			table.profile-table th img {
				margin: 0 0 0 10px;
			}
		
		table.profile-table td {
			padding: 3px 3px 3px 10px;
		}


/* topページ .item-boxのmarginをキャンセル */
.only {
		margin: 10px 0 5px 0;
	}