@charset "utf-8";
.box p {
	text-align: justify;
}
.box p.lang_en {
	text-align: justify;
}
.box h2 {
	padding-left:20px;
}
.inbox.intro p{
	padding-left:0px !important;	
}
.inbox.intro p a{
	color: #629596 !important;
}
.inbox.intro p a:hover{
	text-decoration: none;
}
.box h2.topic1 {
	background: url(../images/interview/1.png) no-repeat left 0;
}
.box h2.topic2 {
	background: url(../images/interview/2.png) no-repeat left 0;
}
.box h2.topic3 {
	background: url(../images/interview/3.png) no-repeat left 0;
}
.box h2.topic4 {
	background: url(../images/interview/4.png) no-repeat left 0;
}
.box h2.topic5 {
	background: url(../images/interview/5.png) no-repeat left 0;
}
.box h2.topic6 {
	background: url(../images/interview/6.png) no-repeat left 0;
}
.box h2.topic7 {
	background: url(../images/interview/7.png) no-repeat left 0;
}
.box h2.topic8 {
	background: url(../images/interview/8.png) no-repeat left 0;
}
.galls {
	text-align: center;
}


/* SP
-------------------------------------------------- */
@media screen and (max-width:640px){
	#box1 {
		background: #c9c9ca;
		padding:10px 0;
		text-align: center;
	}
	#box1 span{
		color:#FFF;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 1.3;
	}
	#box1 span br{
		display: none;
	}
	.box .inbox{
		padding:10px;
	}
	.box {
		overflow: hidden;
		border-bottom:solid 1px #c3c5c5;		
	}
	.box h2{
		color: #629596;
		font-size:14px;
		font-weight: normal;
		margin-bottom: 15px;
		line-height: 1.6;
	}
	.inbox p{
		margin-bottom:10px;
	}
	#box2 {
		background:#231815;
	}
	#box2 ul{
		padding-top: 15px;
		padding-right:10px;
	}
	#box2 ul li{
		text-align: right;
		line-height: 1.2;
		margin-bottom:10px;
	}
	#box2 ul li a{
		color: #FFF;
		font-size: 10px;
		background: url(../images/authenticity/icon_arr.png) no-repeat right bottom;
		text-decoration: none;
		display: block;
	}
	#box2 ul li a:hover,
	#box2 ul li a.current{
		color: #f9d200;
	}
	#box2 ul li a.double{
		background: url(../images/special/icon_arr.png) no-repeat right bottom;
	}
	#box3 {
		line-height: 0;
	}
	#box3 img{
		width: 100%;
	}
	#box6 {
		line-height: 0;
	}	
	#box6 img{
		width: 100%;

	}
.gallsWrap {
	width: 100%;
}
.galls iframe{
	margin:0 auto;
	text-align: center;
	max-width: 100%;
	height: auto;
}
.img {
	width: 100%;
	position: relative;
}
.galls {
	width: 900%;

	position: relative;
	line-height: 0;
	overflow: hidden; 
}
.galls li{
	width: 11.111111111%;
	list-style-type: none;
	float:left;
}
.galls li img{
	width: 100%;
}
.gallsWrap {
	position: relative;
}
.galls-select {
	position: absolute;
	width: 100%;
	text-align: center;
	left:0;
	bottom:0px;
}
.galls-select li{
	display: inline-block;
	color: #CCC;
	margin:0 0;
	cursor: pointer;
	font-size:10px;
	padding:15px 7px;
}
.galls-select li:hover,
.galls-select li.current{
	color: #f9d200;
}

.galls-prev {
	display: none;
}
.galls-next {
	display: none;	
}
#box5 img{
	width: 100%;
}
#box5 dl{
	padding: 10px;

}
#box5 dt{
	font-size:14px;
	margin-bottom:10px;
		color: #717071;
}
	#box1 span img {
		height: 40px;
	}
}
.galls li span{
	display: block;
	line-height: 1.2;
	font-size:10px;text-align:right;color:#666;padding-right:10px;
}

/*
		background: url(../images/line.gif) 24.92% top repeat-y;

*/


/* PC
-------------------------------------------------- */
@media screen and (min-width:641px){
	body {
		background:#FFF url(../images/customize/bg.gif) repeat-y center top;
	}
	.box {
		overflow: hidden; 
	}
	.inbox {
		padding:15px 0 0px 15px;
	}
	.inbox p{
		padding-right: 25px;
		margin-bottom:25px;
		padding-left: 20px;
	}
	.box h2,.intro{
		color: #629596;
		font-size:14px;
		font-weight: normal;
		margin-bottom: 15px;
		line-height: 1.6;
	}
	.intro {

	}
	#wrap {
		position: relative;
		width: 720px;
		margin:0 auto 50px;
		min-width:720px;
		border:solid 1px #c3c5c5;
		background: #FFF;
	}
	#wrap1 {
		width: 100%;
		height: 100%;
		position: relative;
	}
	#box1 {
		float: right;
		width: 75%;
		left:25%;
		top:0;
		background:#c9c9ca url(../images/line2.gif) repeat-x right bottom; 
		height: 180px;
		display: table;
	}
	#box1 span{
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	#box2 {
		width: 25%;
		left:0;
		top:0px;
		height: 180px;
		background:#231815 url(../images/lineset.gif) no-repeat right bottom;
		text-align: center;
	}
	#box2 ul{
		padding-top: 25px;
		padding-right:10px;
	}
	#box2 ul li{
		text-align: right;
		line-height: 1.2;
		margin-bottom:10px;
	}
	#box2 ul li.back-index {
		margin-top:35px;
	}
	#box2 ul li a{
		color: #FFF;
		font-size: 10px;
		background: url(../images/authenticity/icon_arr.png) no-repeat right bottom;
		text-decoration: none;
		display: block;
	}
	#box2 ul li a.double{
		background: url(../images/special/icon_arr.png) no-repeat right bottom;
	}
	#box2 ul li a:hover,
	#box2 ul li a.current{
		color: #f9d200;
	}

	#box3 {
		width: 100%;
		left:0;
		top:180px;
		height: 450px;
		background:url(../images/lineset.gif) no-repeat right bottom;
	}	
	#box4 {
	}
	#box5 {
		width:100%;
		overflow:hidden;
	}
	#box5 .photo{
		width: 50%;
		float: left;
		line-height: 0;
	}
	#box5 .profileData{
		width: 320px;
		float: left;
		padding-left:20px;
		padding-right:20px;
	}
	#box5 .photo.w215{
		width: 215px;
	}
	#box5 .profileData.w215{
		width: 465px;
	}

	#box5 .profileData dt{
		font-size:14px;
		margin-bottom:5px;
	}
	#box5 .profileData dd{
		font-size:10px;
		text-align: justify;
		letter-spacing: 0;
		line-height: 1.6;
		padding-bottom:20px;
	}
	.inbox-last {
		margin-bottom:50px;
	}



.galls {
	width: 8000px;
/*	overflow: hidden; */
	position: relative;
	height: 400px;
}
.galls li{
	width: 720px;
	list-style-type: none;
	float:left;

}
.gallsWrap {
	position: relative;
}
.galls-select {
	position: absolute;
	width: 100%;
	text-align: center;
	left:0;
	bottom:0px;
}
.galls-select li{
	display: inline-block;
	color: #CCC;
	margin:0 0;
	cursor: pointer;
	font-size:10px;
	padding:15px 7px;
}
.galls-select li:hover,
.galls-select li.current{
	color: #f9d200;
}
.galls-prev {
	color: #000;
	position: absolute;
	left:0;
	top:42%;
	font-size:26px;
	padding:10px 2px;
	display: block;
	cursor: pointer;
/*	display: none; */
}
.galls-next {
	cursor: pointer;
	display: block;
	padding:10px 2px;
	position: absolute;
	font-size:26px;
	color: #000;	
	right:0;
	top:42%;
}
.galls-next:hover,
	.galls-prev:hover {
		color: #f9d200;
}
.img {
	width: 100%;
	overflow: hidden;
	margin: 20px 0;
}
#box5.interview3 .photo{
	width:260px;
	height: 330px;
	overflow: hidden;
}
#box5.interview3 .photo img{
	width:98%;
}
#box5.interview3 .profileData{
	width:400px;
}


}