﻿@charset "utf-8";
@import url("common.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}


/* #
--------- --------- --------- --------- --------- */
.interview_mtitle {
	background: url(../images/interview/interview_mtitle.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 116px 0 0 0;
	width: 545px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:116px;/* for ie5.x */
	}
	
.cnaviarea {
	background: url(../images/interview/cnavi_back.jpg) no-repeat;
	margin: 0 0 50px 0;
	padding: 0;
	width: 545px;
	height:523px;
	}
	
.cnavi1 {
	margin:0 0 95px 0;
	height:170px;
	}
	
.cnavi1 li {
	margin:0;
	width:135px;
	height:170px;
	float:left;
	}
	
.cnavi1 li.cnavi1-1 {
	width:139px;
	}
	
.cnavi1 li.cnavi1-3 {
	width:136px;
	}
	
.cnavi1 li a {
	margin: 0 0 5px 0;
	padding: 170px 0 0 0;
	width: 135px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:170px;/* for ie5.x */
	}
	
.cnavi1 li.cnavi1-1 a {
	background: url(../images/interview/cnavi1-1.jpg) no-repeat;
	width:139px;
	}
	
.cnavi1 li.cnavi1-2 a {
	background: url(../images/interview/cnavi1-2.jpg) no-repeat;
	}
	
.cnavi1 li.cnavi1-3 a {
	background: url(../images/interview/cnavi1-3.jpg) no-repeat;
	width:136px;
	}
	
.cnavi1 li.cnavi1-4 a {
	background: url(../images/interview/cnavi1-4.jpg) no-repeat;
	}
	
.cnavi1 li a:hover {
	background-position: 0 -170px;
	}
	
.cnavi2 {
	margin:0;
	height:248px;
	width:545px;
	}
	
.cnavi2 li {
	margin:0;
	width:135px;
	height:248px;
	float:left;
	}

.cnavi2 li a {
	margin: 0 0 5px 0;
	padding: 248px 0 0 0;
	width: 135px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:248px;/* for ie5.x */
	}
	
.cnavi2 li.cnavi2-1 a {
	background: url(../images/interview/cnavi2-1.jpg) no-repeat;
	}
	
.cnavi2 li.cnavi2-2 a {
	background: url(../images/interview/cnavi2-2.jpg) no-repeat;
	}
	
.cnavi2 li.cnavi2-3 a {
	background: url(../images/interview/cnavi2-3.jpg) no-repeat;
	}
	
.cnavi2 li.cnavi2-4 a {
	background: url(../images/interview/cnavi2-4.jpg) no-repeat;
	}
	
.cnavi2 li a:hover {
	background-position: 0 -248px;
	}
	
#paging {
	margin:0 0 15px 0;
	border-bottom:3px solid #EF8A00;
	width:545px;
	height:20px;
	position: relative;
	}
	
.prev {
	background: url(../images/interview/icon1.jpg) no-repeat;
	background-position: 0 center;
	margin:0;
	padding:3px 0 1px 20px;
	line-height:1.1;
	}

.next {
	position: absolute;
	top:0;
	right:0;
	background: url(../images/interview/icon2.jpg) no-repeat;
	background-position: right center;
	margin:0;
	padding:3px 20px 1px 0;
	line-height:1.1;
	}

.prev a,
.next a {
	font-size:1.3em;
	font-weight: bold;
	color:#EF8A00;	
	}
	
.interview_lead {
	margin:0 0 15px 0;
	font-size:1.3em;
	font-weight: bold;
	color:#EF8A00;
	}
	
.interview1_question {
	background: url(../images/interview/interview1_mtitle.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 121px 0 0 0;
	width: 545px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:121px;/* for ie5.x */
	}
	
.person1 {
	background: url(../images/interview/interview1_infotitle.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 203px 0 0 0;
	width: 545px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:203px;/* for ie5.x */
	}
					
.interview_ex1 {
	margin:0 10px 25px 0;
	font-size:1.2em;
	line-height:2.0;
	}
	
.interview_ex2 {
	margin:0 10px 25px 0;
	font-size:1.2em;
	color:#57B000;
	line-height:2.0;
	}
	
.interview_ex1 b,
.interview_ex2 b {
	font-weight: bold;
	font-size:1.3em;
	}
	
.interview_stitle {
	clear:both;
	background: url(../images/interview/interview_stitle.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 15px 0 0 10px;
	height:48px;
	font-size:1.4em;
	}
	
.image_right {
	margin: 0 5px 10px 10px;
	float:right;
	}
	
.photo1 {
	background: url(../images/interview/interview1_bimage.jpg) no-repeat;
	margin: 0 0 30px 0;
	padding: 203px 0 0 0;
	width: 390px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:203px;/* for ie5.x */
	}
	
#paging2 {
	margin:0 0 15px 0;
	padding:5px 0 0 0;
	border-top:3px solid #EF8A00;
	width:545px;
	height:20px;
	position: relative;
	}
	
#paging2 .next {
	position: absolute;
	top:5px;
	right:0;
	}
	

/* #page2
--------- --------- --------- --------- --------- */
.interview2_question {
	background: url(../images/interview/interview2_mtitle.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 128px 0 0 0;
	width: 545px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:128px;/* for ie5.x */
	}
	
.person2 {
	background: url(../images/interview/interview2_infotitle.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 283px 0 0 0;
	width: 545px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:283px;/* for ie5.x */
	}
					
.interview_ex1s,
.interview_ex1sss {
	margin:0 10px 25px 0;
	padding:0 0 0 35px;
	font-size:1.2em;
	line-height:2.0;
	width: 500px;
	position: relative;
	}
	
.interview_ex2s,
.interview_ex2sss {
	margin:0 10px 25px 0;
	padding:0 0 0 35px;
	font-size:1.2em;
	color:#57B000;
	line-height:2.0;
	width: 500px;
	position: relative;
	}
	
.interview_ex1sss,
.interview_ex2sss {
	width:250px;
	}
	
.interview_ex2ss {
	margin:0 10px 25px 0;
	padding:0 0 0 70px;
	font-size:1.2em;
	color:#57B000;
	line-height:2.0;
	width: 465px;
	position: relative;
	}
	
.interview_ex1s b,
.interview_ex2s b,
.interview_ex2ss b,
.interview_ex1sss b,
.interview_ex2sss b {
	position: absolute;
	top:0;
	left:0;
	}

.photo2 {
	background: url(../images/interview/interview2_bimage.jpg) no-repeat;
	margin: 0 0 30px 0;
	padding: 191px 0 0 0;
	width: 363px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:191px;/* for ie5.x */
	}

/* #page3
--------- --------- --------- --------- --------- */
.interview3_question {
	background: url(../images/interview/interview3_mtitle.jpg) no-repeat;
	margin: 0;
	padding: 125px 0 0 0;
	width: 545px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:125px;/* for ie5.x */
	}
	
.person3 {
	background: url(../images/interview/interview3_infotitle.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 201px 0 0 0;
	width: 545px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:201px;/* for ie5.x */
	}

.photo3 {
	background: url(../images/interview/interview3_bimage.jpg) no-repeat;
	margin: 0 0 30px 0;
	padding: 243px 0 0 0;
	width: 365px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:243px;/* for ie5.x */
	}

/* #page4
--------- --------- --------- --------- --------- */
.interview4_question {
	background: url(../images/interview/interview4_mtitle.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 125px 0 0 0;
	width: 545px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:125px;/* for ie5.x */
	}
	
.person4 {
	background: url(../images/interview/interview4_infotitle.jpg) no-repeat;
	margin: 0 0 5px 0;
	padding: 201px 0 0 0;
	width: 545px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:201px;/* for ie5.x */
	}

.photo4 {
	background: url(../images/interview/interview4_bimage.jpg) no-repeat;
	margin: 0 0 30px 0;
	padding: 205px 0 0 0;
	width: 390px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:205px;/* for ie5.x */
	}






