@charset "utf-8";
/* CSS Document */

/*===============================================
●ページタイトル
===============================================*/
.pageTitle {
	background-image: url(../img/title_bg.png);
	background-position: top center;
	background-repeat: repeat-x;
	background-size: auto 100%;
	width: 100%;
	height: 192px;
}

.pageTitle h1 {
	width: 960px;
}

.pageTitle img {
	position:relative;
	top:48px;
}

/*===============================================
まえがき・目次
===============================================*/
.preface {
	width: 760px;
	margin: 0 auto;
}

.contents {
	width: 760px;
	margin: 0 auto;
}

/*===============================================
スタッフインタビュー
===============================================*/

.interview {
	background-image: url(../img/bg.png);
	background-repeat: repeat;
	background-color: #ffe;
	-moz-border-radius: 8px;    /* 古いFirefox */
	-webkit-border-radius: 8px; /* 古いSafari,Chrome */
	border-radius: 8px;
	box-shadow: 0px 0px 10px #ccc;
	width:760px;
	padding: 1em 0 0;
	margin: 1em auto 3em;
	line-height: 2em;
}

.interview dl {
	margin: 0 auto;
	padding: 0 0 2em 0;
	width: 660px;
}

.interview dt {
	display: inline-block;/* インラインブロック化 */
	*display: inline; /* IE用のハックです */
	zoom: 1; /* IE用の hasLayout を true にするための記述 */
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
	vertical-align: top;
}

.interview dd {
	display: inline-block;/* インラインブロック化 */
	*display: inline; /* IE用のハックです */
	zoom: 1; /* IE用の hasLayout を true にするための記述 */
	vertical-align: top;
	width: 549px;
	padding: 0 0 0 15px;
}

hr.separator {
	margin: 0 auto;
	width: 700px;
	border: none;
	border-top: dotted 2px #aaa;
	height: 2px;
	color: #fff;
}

.talker0{
	background: url(../img/talker00.png);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 72px;
	height: 102px;
}

.talker1{
	background: url(../img/talker01.png);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 72px;
	height: 102px;
}

.talker2{
	background: url(../img/talker02.png);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 72px;
	height: 102px;
}

.talker3{
	background: url(../img/talker03.png);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 72px;
	height: 102px;
}

.talker4{
	background: url(../img/talker04.png);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 72px;
	height: 102px;
}

.talker5{
	background: url(../img/talker05.png);
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 72px;
	height: 102px;
}


.flashback {
	background-color: #eff;
	-moz-border-radius: 6px;    /* 古いFirefox */
	-webkit-border-radius: 6px; /* 古いSafari,Chrome */
	border-radius: 6px;
	box-shadow: 0px 0px 10px #ccc;
	width:700px;
	padding: 3em 0 0;
	margin: 1em auto;
}