@charset "utf-8";

/* basic link colours
----------------------------------------------- */
a,a:link, a:visited {
	text-decoration: none;
}
a:hover {
	color: #40aee0;
	text-decoration: underline;
}

/* layout
----------------------------------------------- */
.bg{
	background: url(../img/interview/bg.gif);
}
#contents {
	width: 980px;
	border-left: solid 4px #75c8ee;
	border-right: solid 4px #75c8ee;
	background: #fff;
	margin: 0 auto;
	text-align: left;
}
.mB60 {
	margin-bottom: 60px;
}
.mB30 {
	margin-bottom: 30px;
}
.mB25 {
	margin-bottom: 25px;
}
.mB20 {
	margin-bottom: 20px;
}
.mB15 {
	margin-bottom: 15px;
}
.mB10 {
	margin-bottom: 10px;
}
.mB5 {
	margin-bottom: 5px;
}
.txtAC {
	text-align: center;
	font-family: 'M+ P Type-1 (basic latin) Black';
	padding: 0 15px;
}

/* clear
----------------------------------------------- */
.clB {
	clear: both;
}
.clearfix:after,
#contents:after,
.footIn:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix,
#contents,
.footIn {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html #contents,
* html .footIn {
	height: 1%;
	overflow: visible;
}
.clearfix,
#contents,
.footIn {
	display: block;
}

/* opacity */
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}

/* HEADER
----------------------------------------------- */
#contents h1 {
	margin-bottom: 30px;
}

/* FOOTER
----------------------------------------------- */

/* main
----------------------------------------------- */
h2{
	font-family: 'M+ P Type-1 (basic latin) Black';
	font-size: 36px;
}
#about {
	width: 620px;
	margin: 0 auto;
	clear: both;
}
.number{
	font-family: 'M+ P Type-1 (basic latin) Black';
	color: #40aee0;
	font-size: 30px;
}
.aboutIn {
	background: #ebebeb;
	padding: 18px 20px;
	margin-bottom: 45px;
	overflow: hidden;
	*zoom:1;
}
.aboutL {
	width: 280px;
	float: left;
}
.about_name {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
	padding-bottom: 8px;
	border-bottom: 1px solid #75c8ee;
}
.about_works {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.47;
	color: #2191c4;
	padding: 6px 0;
	border-bottom: 1px solid #75c8ee;
}
.about_works span {
	font-size: 11px;
}
.about_history {
	padding-top: 6px;
}
.about_history dt, .about_history dd {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4;
}
.about_history dt {
	width: 80px;
	float: left;
}
.about_history dd {
	padding-left: 85px;
}
.aboutR {
	width: 275px;
	float: right;
	font-size: 14px;
	line-height: 1.57;
}
.sentence {
	width: 620px;
	margin: 0 auto 40px;
}
.sentence h3 {
	color: #2ca8e1;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.33;
	margin-bottom: 13px;
}
.sentence p {
	font-size: 14px;
	line-height: 1.57;
}
.backnumber {
	clear: both;
	border-top: 3px solid #75c8ee;
	padding: 45px 0 50px;
}
 .backnumberIn {
	width: 750px;
	margin: 0 auto;
}
.backnumberIn h3 {
	margin-bottom: 20px;
}
.backnumber ul li {
	margin-bottom: 20px;
}
.backnumber ul li a {
	display: block;
	width: 750px;
	height: 180px;
}
.backnumber ul li.vol1 a {
	background: url(../img/interview/ban_backnumber1.jpg) no-repeat left top;
}
.backnumber ul li.vol1 a:hover {
	background: url(../img/interview/ban_backnumber1.jpg) no-repeat left -180px;
}
.backnumber ul li.vol2 a {
	background: url(../img/interview/ban_backnumber2.jpg) no-repeat left top;
}
.backnumber ul li.vol2 a:hover {
	background: url(../img/interview/ban_backnumber2.jpg) no-repeat left -180px;
}
.backnumber ul li.vol3 a {
	background: url(../img/interview/ban_backnumber3.jpg) no-repeat left top;
}
.backnumber ul li.vol3 a:hover{
	background: url(../img/interview/ban_backnumber3.jpg) no-repeat left -180px;
}
.backnumber ul li.vol4 a {
	background: url(../img/interview/ban_backnumber4.jpg) no-repeat left top;
}
.backnumber ul li.vol4 a:hover{
	background: url(../img/interview/ban_backnumber4.jpg) no-repeat left -180px;
}
.backnumber ul li.vol5 a {
	background: url(../img/interview/ban_backnumber5.jpg) no-repeat left top;
}
.backnumber ul li.vol5 a:hover{
	background: url(../img/interview/ban_backnumber5.jpg) no-repeat left -180px;
}
.backnumber ul li.vol6 a {
	background: url(../img/interview/ban_backnumber6.jpg) no-repeat left top;
}
.backnumber ul li.vol6 a:hover{
	background: url(../img/interview/ban_backnumber6.jpg) no-repeat left -180px;
}
.backnumber ul li.vol7 a {
	background: url(../img/interview/ban_backnumber7.jpg) no-repeat left top;
}
.backnumber ul li.vol7 a:hover{
	background: url(../img/interview/ban_backnumber7.jpg) no-repeat left -180px;
}
.backnumber ul li.vol8 a {
	background: url(../img/interview/ban_backnumber8.jpg) no-repeat left top;
}
.backnumber ul li.vol8 a:hover{
	background: url(../img/interview/ban_backnumber8.jpg) no-repeat left -180px;
}
.backnumber ul li a span {
	position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}
@media screen and (max-width: 991px){
	#contents {
		width: 750px;
	}
	h2{
		font-size: 30px;
	}
	h3{
		padding-left: 25px;
	}
	.backnumber ul li a{
		width: 700px;
		margin: 0 auto;
	}
	.backnumberIn{
		width: auto;
		margin: auto;
	}
}

@media screen and (max-width: 767px){
#contents{
	width: auto;
}
h2{
	font-size: 20px;
}
h3{
	padding-left: 0;
}
#about {
	width: 85%;
	margin: 0 auto;
	clear: both;
}
.number{
	width: 50px;
}
.aboutIn {
	background: #ebebeb;
	padding: 13px;
	margin-bottom: 20px;
}
.aboutL {
	width: auto;
	float: none;
}
.about_name {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1;
	padding-bottom: 8px;
	border-bottom: 1px solid #75c8ee;
}
.about_works {
	font-size: 15px;
	font-weight: bold;
	line-height: 1.47;
	color: #2191c4;
	padding: 6px 0;
	border-bottom: 1px solid #75c8ee;
}
.about_works span {
	font-size: 11px;
}
.about_history {
	width: 100%;
	padding: 6px 0;
	border-bottom: 1px solid #75c8ee;
	margin-bottom: 10px;
}
.about_history dt {
	padding-right: 5px;
	float: none;
}
.about_history dd {
	padding-left: 0;
}
.aboutR {
	float: none;
	width: auto;
	font-size: 14px;
	line-height: 1.57;
}
.sentence {
	width: auto;
	margin: 0 auto 20px;
}
.sentence h3 {
	color: #2ca8e1;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.33;
	margin-bottom: 13px;
	padding: 0 10px;
}
.sentence p {
	font-size: 14px;
	line-height: 1.57;
	padding: 0 10px 10px;
}
.backnumber {
	clear: both;
	border-top: 3px solid #75c8ee;
	padding: 20px 0 10px;
}
.backnumberIn {
	width: 90%;
	margin: 0 auto;
}
.backnumberIn h3 {
	margin-bottom: 20px;
}
.backnumberIn h3 img {
	width: 150px;
}
.backnumber ul li {
	margin-bottom: 10px;
}
.backnumber ul li img {
	width: 100%;
}
.backnumber ul li a {
	display: block;
	width: auto;
	height: auto;
}
.backnumber ul li.vol1 a,
.backnumber ul li.vol2 a,
.backnumber ul li.vol3 a,
.backnumber ul li.vol4 a,
.backnumber ul li.vol5 a,
.backnumber ul li.vol6 a,
.backnumber ul li.vol7 a,
.backnumber ul li.vol8 a {
	background-image: none;
}
.backnumber ul li.vol1 a:hover,
.backnumber ul li.vol2 a:hover,
.backnumber ul li.vol3 a:hover,
.backnumber ul li.vol4 a:hover,
.backnumber ul li.vol5 a:hover,
.backnumber ul li.vol6 a:hover,
.backnumber ul li.vol7 a:hover,
.backnumber ul li.vol8 a:hover, {
	background-image: none;
}

}