@charset "utf-8";


/* interview */
#interview h1 {
	width:200px;
	height:195px;
	margin:0 auto;
	background:url(../image/title.gif) no-repeat center bottom;
	font-size:0;
	text-indent:-9999px;
}
#interview h2 {
	width:140px;
	margin:0 auto;
	font-size:0;
	text-indent:-9999px;
}
#interview h2.ex1213 {
	height:242px;
	background:url(../image/excerpt1213.gif) no-repeat center center;
}
#interview h2.ex1415 {
	height:260px;
	background:url(../image/excerpt1415.png) no-repeat center bottom;
}

#interview ul#navi {
	display:block;
	width:281px;
	list-style-type:none;
	position:absolute;
	top:374px;
	left:420px;
}
#interview ul#navi li {
	display:block;
	height:83px;
	font-size:0;
	text-indent:-9999px;
}
#interview ul#navi li a {
	display:block;
	height:83px;
	text-decoration:none;
}
#interview ul#navi li a:hover {
	background:#ffffff;
	opacity:0.50;
	filter:alpha(opacity=50);
}
#interview ul#navi li#new {
	width:60px;
	float:right;
	background:url(../image/new1415.gif) no-repeat right top;
}
#interview ul#navi li#chance {
	width:51px;
	float:right;
	background:url(../image/nv_chance.gif) no-repeat right top;
}

#interview ul#archive {
	display:block;
	width:200px;
	list-style-type:none;
	position:absolute;
	top:300px;
	left:120px;
}
#interview ul#archive li {
	display:block;
	width:80px;
	height:127px;
	float:left;
	font-size:0;
	text-indent:-9999px;
}
#interview ul#archive li a {
	display:block;
	height:127px;
	text-decoration:none;
}
#interview ul#archive li a:hover {
	background:#ffffff;
	opacity:0.50;
	filter:alpha(opacity=50);
}
#interview ul#archive li#vol1 {
	background:url(../image/vol1_archive.gif) no-repeat left top;
}
#interview ul#archive li#vol2 {
	background:url(../image/vol2_archive.gif) no-repeat left top;
}



/* interviewlist */
#interviewlist #container {
	margin-top:20px;
}
#interviewlist h1 {
	width:280px;
	height:100px;
	margin:0 auto;
	background:url(../image/interviewlist_ttl.gif) no-repeat center top;
	font-size:0;
	text-indent:-9999px;
}
#interviewlist ul.interviewlist {
	display:block;
	width:656px;
	margin:0 auto;
	list-style-type:none;
}
#interviewlist ul.interviewlist li {
	display:block;
	height:368px;
	float:left;
	font-size:0;
	text-indent:-9999px;
}
#interviewlist ul.interviewlist li a {
	display:block;
	height:368px;
	text-decoration:none;
}
li.who {
	width:136px;
	background:url(../image/interviewlist_who.gif) no-repeat 0 41px;
}
li.archive {
	width:136px;
	background:url(../image/archive.gif) no-repeat 5px 90px;
}
#interviewlist ul.interviewlist li#t_kawamura {width:112px; background:url(../image/interviewlist_01.jpg) no-repeat;}
#interviewlist ul.interviewlist li#k_yamada {width:136px; background:url(../image/interviewlist_09.jpg) no-repeat;}
#interviewlist ul.interviewlist li#k_takeda {width:136px; background:url(../image/interviewlist_15.jpg) no-repeat;}
#interviewlist ul.interviewlist li#r_anzai {width:136px; background:url(../image/interviewlist_13.jpg) no-repeat;}
#interviewlist ul.interviewlist li#t_kawamura a:hover {background:url(../image/interviewlist_01_o.jpg) no-repeat;}
#interviewlist ul.interviewlist li#k_yamada a:hover {background:url(../image/interviewlist_09_o.jpg) no-repeat;}
#interviewlist ul.interviewlist li#k_takeda a:hover {background:url(../image/interviewlist_15_o.jpg) no-repeat;}
#interviewlist ul.interviewlist li#r_anzai a:hover {background:url(../image/interviewlist_13_o.jpg) no-repeat;}


#interviewlist #gnavi {
	margin-top:30px;
}


/* interviewdetail */
#interviewdetail #container {
	margin-top:20px;
}
#interviewdetail .header {
	width:761px;
	height:148px;
	margin:0 auto;
}
#interviewdetail h1 {
	width:200px;
	height:132px;
	float:right;
	background:url(../image/interviewdetail_ttl.gif) no-repeat center center;
	font-size:0;
	text-indent:-9999px;
}
#interviewdetail h2 {
	width:40px;
	height:132px;
	float:right;
	font-size:0;
	text-indent:-9999px;
}
h2#t_kawamura {background:url(../image/t_kawamura_ttl.gif) no-repeat center top;}
h2#k_takeda {background:url(../image/k_takeda_ttl.gif) no-repeat center top;}
h2#k_yamada {background:url(../image/k_yamada_ttl.gif) no-repeat center top;}
h2#r_anzai {background:url(../image/r_anzai_ttl.gif) no-repeat center top;}

#interviewdetail #gallery {
	width:510px;
	float:left;
}
#interviewdetail .thumb {
	float:right;
}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}
#interviewdetail .thumb a:hover img {
	background:#ffffff;
	opacity:0.50;
	filter:alpha(opacity=50);
}
#interviewdetail .faq {
	width:761px;
	margin:0 auto;
	padding-bottom:20px;
}


/* archive */
#archivewrap {
	width:965px;
	margin:0 auto;
	position:relative;
}
#interviewlist #archivewrap #archive {
	width:965px;
	height:266px;
	background:url(../../common/image/archive.png) no-repeat center center;
	position:absolute;
	top:250px;
	z-index:80;
}
#interviewdetail #archivewrap #archive {
	width:965px;
	height:237px;
	background:url(../../common/image/archives.png) no-repeat center center;
	position:absolute;
	top:350px;
	z-index:80;
}

ul.archive_interviewlist {
	display:block;
	width:681px;
	margin:0 auto;
	list-style-type:none;
	position:absolute;
	top:142px;
	left:153px;
	z-index:90;
}
ul.archive_interviewlist li {
	display:block;
	width:136px;
	height:170px;
	float:left;
	font-size:0;
	text-indent:-9999px;
}
ul.archive_interviewlist li a {
	display:block;
	width:115px;
	height:175px;
	text-decoration:none;
}
ul.archive_interviewlist li a:hover {
	background:#ffffff;
	opacity:0.50;
	filter:alpha(opacity=50);
}

.toonseye {
	width:654px;
	margin:0 auto;
}
.toonseye .ttl {
	text-align:center;
	padding:30px 0;
}
.toonseye ol {
	display:block;
	list-style-type:none;
	overflow:hidden;
	text-align:center;
}
.toonseye ol li {
	display:inline-block;
	padding:0 2px 40px;
}