@charset "utf-8";

/*base.css解除・修正CSS*/
body {overflow-x:hidden;}

h1,h2,h3,h4,h5,h6 { font-weight: normal;} /* JB override browser's default bold for headings so we can set correct weight using webfont */

#footer{ margin-top: 0 !important;}
#path{display: none !important;}

/* new clearfix
------------------------------------------------------------------------ */
.clearfix {overflow:visible;}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*==============================================================================
Cover Setting
================================================================================ */
#topCover .section,
#topCoverThum .section,
#numberWrap .section,
#topInfo .section,
#topRecommend .section,
#topCoverDetail .section {
	max-width: 960px;
	margin: 0 auto;
	width:960px\9;/*for IE8*/
}

#top{
	position: relative;
}

/*Cover container*/
#topCover{
	height: 460px;
	position: relative;
	overflow:hidden;
}

/* Cover Main Visuals
========================================================================*/
#topCover ul li{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	left: 0!important\9;/*for IE8*/
	opacity: 0;
	filter: alpha(opacity=0);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=0)";  /* ie 8 */
	cursor:pointer;
}
#topCover ul li {}
@media only screen and (min-width:960px) {
	#topCover ul li {
		left: 0!important;
	}
}
#topCover ul li span {
	width: 960px;
	overflow: visible;
	display: block;
	margin: 0 auto;
}
#topCover ul li.cur{
	opacity: 1;
	filter: alpha(opacity=100);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=100)";  /* ie 8 */
}
#topCover ul li img{
	width:1280px;
	height: 460px;
	margin: 0 auto 0 -160px;
	max-width:none;
}

/*Cover Loading gif*/
#topCoverLoading {
	width:100%;
	background: #415257 url(/top/img/loading.gif) center center no-repeat;
	position:absolute;
	left:0;
	top:0;
	z-index: 100;
	height:460px;
}

@media(-webkit-min-device-pixel-ratio:2), 
(min-resolution:2dppx){
	#topCoverLoading {/* JB */
		background-image: url(/top/img/loading_2x.gif);	
		background-size: 48px auto;
	}
}

/*Cover Left(Prev) & Right(Next) Buttons*/
#topCoverPrev,
#topCoverNext {
	width:50px;
	height:75px;
	z-index:100;
	top:180px;
	position:relative;
	cursor:pointer;
	background: rgba(81, 101, 112, 0.3)!important; /*JB*/
	background: #516570\9/*for IE8*/;
	/* display:none; */
	/*hover easing*/
	/* -moz-transition:all 0.15s ease; [>Firefox<] */
	/* -webkit-transition: all 0.15s ease; [>Safari,Chrome<] */
	/* -o-transition: all 0.15s ease; [>Opera<] */
	/* transition: all 0.15s ease; */
}
#topCoverPrev:hover,
#topCoverNext:hover{
	background: rgba(81, 101, 112, 0.5)!important; /*JB*/
	background:#484F53\9;/*for IE8*/
}
#topCoverPrev.hide,
#topCoverNext.hide {display:none!important;}
#topCoverPrev{
	float:left;
	left:0;
	border-radius: 0 4px 4px 0;
}

#topCoverPrev:after {
	font-family: 'paddock_pict';
	content:"\e60f";
	color:#FFF;
	font-size: 19px;
	font-weight:normal;
	position:absolute;
	left:12px;
	top:24px;
	top:22px\9;/*for IE8*/
}
#topCoverNext{
	float:right;
	right:0;
	border-radius: 4px 0 0 4px;
}
#topCoverNext:after {
	font-family: 'paddock_pict';
	content:"\e60c";
	color:#FFF;
	font-size: 19px;
	font-weight:normal;
	position:absolute;
	left:17px;
	top:24px;
}

/* Cover Title & Lead Text
========================================================================*/
#topCoverInfo{
	width: 960px;
	height:460px;
	margin:0 auto;
	padding:0 0 0 495px;
	cursor:pointer;
}
#topCoverInfo .topCoverTitle{
	width:475px;
	font-size: 60px;/*fix*/
	line-height: 1.1;
	font-family: NeoSansStd-Regular;
	position: absolute;
	top: -600px;
	opacity:0;
	display:none;
	margin: -10px 0 0;
}
#topCoverInfo .topCoverText,
#topCoverInfo p{
	width:475px;
	position: absolute;
	margin-left: 2000px;
	font-size: 16px;/*fix*/
	padding: 0;
	margin-top:13px;
	margin-bottom:5px;
	display:none;
	font-family: NeoSansStd-Regular;
}

.topCoverInfo_01{
	color: #0087D8;
}
#topCoverInfo.clearfix{
	overflow:visible;
}

@media only screen and (min-width:600px) and (max-width:959px) {
	/*Cover Main Text*/
	#topCoverInfo{
		width:1000%;
		height:auto;
		padding:0 0 30px;
		overflow:hidden;
		posiiton:relative;
	}
	#topCoverInfo .text {
		height: auto;
		display: block;
		width: 10%;
		float: left;
		position: relative;
		/*padding:25px 0 20040px;*/
padding: 25px 0 20140px;
		margin-bottom:-20000px;
	}

	#topCoverInfo .topCoverTitle{
		width:82%;
		margin:0 auto 10px;
		padding: 0;
		display:block!important;
		position: relative;
		top:0!important;
		left:0;
		opacity:1!important;
		color:#FFF!important;
		font-size:42px;
		text-align:center;
		line-height:1.1;
	}
	#topCoverInfo .topCoverText,
	#topCoverInfo p{
		font-family:NeoSansStd-Regular;
		width:82% ;
		height:auto;
		line-height:1.4;
		left:0;
		top:0!important;
		padding:0;
		margin: 0 auto -4px auto !important;
		display:block;
		position:relative;
		font-size:18px;
		color:#FFF!important;
		opacity:1!important;
	}
}

@media only screen and (max-width:599px) {
	/*Cover container*/
	#topCover{
		height:auto;
		position: relative;
		overflow: hidden;
	}
	#topCoverInfo{
		/*width:1000%;
		height:auto;
		float:none;
		position:relative;
		top:0;
		left:0;
		padding:0;
		max-width:none;*/


		width:1000%;
		height:auto;
		posiiton:relative;
		padding:0 0 30px;
		overflow:hidden;


	}
	#topCoverInfo .text {
		width: 10%;
		height: auto;
		display: block;
		top:0!important;
		float: left;
		position: relative;
		padding-bottom: 20092px;
/*padding-bottom: 20090px;*/
		margin-bottom:-20000px;
	}
	#topCoverInfo .topCoverTitle{
		color:#fff !important;
		line-height:1.1;
		font-size:24px;
		font-family:NeoSansStd-Regular;
		text-align:center;

		width:83.125%;
		margin:0 auto;
		padding:17px 0 10px;
		position:relative;
		left:0;
		top:0!important;
		display:block!important;
		opacity:1!important;
	}
	#topCoverInfo .topCoverTitle.cur{
	}
	#topCoverInfo .topCoverText{
		color:#fff !important;
		font-size:14px;
		line-height:1.4;
		width:83.125%;
		margin:0 auto!important;
		padding:0 0 17px;
		position:relative;
		top:0!important;
		display:block!important;
		opacity:1!important;
	}
}

/* flex-control-nav
========================================================================*/
#topCover .control-nav {
	position: absolute;
	bottom: 25px;
	left: 0;
	width: 100%;
	text-align: center;
	display:none\9;/*for IE8*/
}

#topCover .control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
#topCover .control-paging li a {width: 9px; height: 9px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
#topCover .control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }

#topCover .control-paging li a.cur { 
	background: #fff;
	cursor: default;
}
@media only screen and (min-width:600px) and (max-width:959px) {
	#topCoverDetail .detailContentWrapper{padding: 0 0 60px; }
}
@media only screen and (max-width:599px) {
	#topCoverDetail .detailContentWrapper{padding: 0 0 30px; }
	#topCover .control-nav {bottom: 15px;}
	#topCover .control-nav li {margin: 0 3px;}
	#topCover .control-paging li a {width: 5px; height: 5px;}
}

/* Cover Detail
========================================================================*/
#topCoverDetail{
	background-color: #516570;
	clear: both;
	height: 0;
	overflow: hidden;
}
#topCoverDetail .topCoverDetail {width:8.334%!important;}
#topCoverDetail .detailContentWrapper{
	padding: 0 0 60px;
	position:relative;
}
@media only screen and (min-width:600px) and (max-width:959px) {
	#topCoverDetail .detailContentWrapper{padding: 0 0 60px; }
}
@media only screen and (max-width:599px) {
	#topCoverDetail .detailContentWrapper{padding: 0 0 30px; }
}

/* Close Button
-------------------------------------- */
.topCoverDetailClose {
	border-radius:50%;
	width: 35px;
	height: 35px;
	position: absolute;
	top:18px;
	right:20px;
	color: rgba(0, 0, 0, 0);/*font display:none*/
	background: rgba(0,0,0, 0.2);
	cursor:pointer;
	text-indent:-9999em;
}
.topCoverDetailClose:hover {background: rgba(0,0,0, 0.3);}
.topCoverDetailClose:after {
	font-family: 'paddock_pict';
	content:"\e611";
	color:#FFF;
	opacity:0.8;
	font-size: 12px;
	font-weight:normal;
	position:absolute;
	left:11px;
	top:9px;
	text-indent:0;
}
@media only screen and (max-width:959px) {
	.topCoverDetailClose{display:none;}
	#topCoverInfo.open:after {
    disiplay:none;
    /*
		font-family: 'paddock_pict';
		content:"\e611";
		color:#FFF;
		opacity:0.8;
		font-size: 12px;
		font-weight:normal;
		position:absolute;
		left:9.37%;
		top:12px;
		border-radius:50%;
		width: 24px;
		height: 27px;
		padding: 8px 0 0 11px;
		position: absolute;
		background: rgba(0,0,0, 0.2);
		cursor:pointer;
		z-index:100;
*/
	}
}

/*addhorai*/
@media only screen and (min-width:598px) and (max-width:958px) {
	#topCoverInfo.open:after {
		font-size: 7px;
		left:9.55%;
		top:6px;
		/*background*/
		width: 15px;
		height: 17px;
		padding: 5px 0 0 7px;
		position: absolute;
	}

	#topCoverInfo {
		width: 1000%;
		height: auto;
		float: none;
		position: relative;
		top: 0;
		left: 0;
		padding: 0;
		max-width: none;
	}
}
@media only screen and (min-width:440px) and (max-width:599px) {
	#topCoverInfo.open:after {
		font-size: 7px;
		left:9.47%;
		top:6px;
		/*background*/
		width: 15px;
		height: 17px;
		padding: 5px 0 0 7px;
	}
}
@media only screen and (max-width:439px) {
	#topCoverInfo.open:after {
		font-size: 7px;
		left:9.17%;
		top:6px;
		/*background*/
		width: 15px;
		height: 17px;
		padding: 5px 0 0 7px;
		position: absolute;
	}
}
/* Detail Contents Area
-------------------------------------- */
#topCoverDetail .section {
}
@media only screen and (min-width:600px) and (max-width:959px) {
	#topCoverDetail .section {
		padding:10px 0 0;
	}
}

/* Pattern_01: Image & Text */
.topCoverDetail_01 {padding: 57px 0 0;}
.topCoverDetail_01 div.image{
	float:left;
	width: 455px;
	margin:0 0 0 10px;
	text-align:center;
}
.topCoverDetail_01 div.movie{
	display:none;
}
.topCoverDetail_01 div.info{
	width:455px;
	padding: 0;
	margin:0 10px 0 0;
	float:right;
	font-size: 100%;/* JB 16px*/
}
.topCoverDetail_01 div.info p{
	padding-top:0;
	margin-top:0;
	line-height:1.5; /* JB */
	-webkit-font-smoothing: antialiased; /* JB */
}

@media only screen and (min-width:600px) and (max-width:959px) {
	.topCoverDetail_01 {padding: 10px 0 0;}
	.topCoverDetail_01 div.image{
		width:100%;
		float:none;
		text-align:center;
		margin: 0 auto 30px;
	}
	.topCoverDetail_01 div.image {
		width:50%;
	}
	.topCoverDetail_01 div.movie{
		display:none;
	}
	.topCoverDetail_01 div.info{
		width:85.94%;
		float:none;
		margin: 0 auto;
		font-size: 100%;/*18px*/
	}
	.topCoverDetail_01 div.info p{
		line-height:1.5;
	}
}
@media only screen and (max-width:599px) {
	.topCoverDetail_01 {padding: 5px 0 0;}
	.topCoverDetail_01 div.image{
		width:83.125%;
		float:none;
		margin: 0 auto 20px;
	}
	.topCoverDetail_01 div.image img{
		width:100%;
	}
	.topCoverDetail_01 div.info{
		width:83.28%;
		float:none;
		margin: 0 auto;
		font-size: 100%;/*14px*/
	}
}

/* Pattern_02: only Text */
.topCoverDetail_02{
	width:66.43%;
	padding: 57px 0 0;
	margin:0 auto 0 auto;
}

.topCoverDetail_02 div.image{
	display:none;
}
.topCoverDetail_01 div.movie{
	display:none;
}
.topCoverDetail_02 div.info{
	width:100%;
	float:none;
	margin:0;
	font-size: 113%;/*18px*/
}
.topCoverDetail_02 div.info p{
	padding-top:0;
	margin-top:0;
	line-height:1.4;
}
@media only screen and (min-width:600px) and (max-width:959px) {
	.topCoverDetail_02 {padding: 10px 0 0;}
	.topCoverDetail_02 div.info{
		width: 85.94%;
		margin:0 auto 40px;

	}
}
@media only screen and (max-width:599px) {
	.topCoverDetail_02 {width: 83.125%;}
	.topCoverDetail_02 {padding: 5px 0 0;}
	.topCoverDetail_02 div.info{
		font-size: 86%;/*12px*/
	}
}

/* Pattern_03: Movie */
.topCoverDetail_03 {
	padding: 57px 0 0;
}
.topCoverDetail_03 div.image{
	display:none;
}
.topCoverDetail_03 div.movie{
	width:100%;
	text-align:center;
	position: relative ;
	margin-bottom: 1.2em ;
	padding-top: 69px ;
	padding-bottom: 50% ;
	overflow: hidden ;
}

.topCoverDetail_03 div.movie iframe{
	position: absolute ;
	top: 0 ;
	left: 0 ;
	height: 100% ;
	width: 100% ;
}

.topCoverDetail_03 div.info{
	width:87.89%;
	float:none;
	margin:0 auto 30px;
}
.topCoverDetail_03 div.info p{
	padding-top:0;
	margin-top:0;
	font-size: 100%;/*18px*/
	line-height:1.5;
	-webkit-font-smoothing: antialiased;
}
@media only screen and (min-width:600px) and (max-width:959px) {
	.topCoverDetail_03 {padding: 10px 0 0;}
	.topCoverDetail_03 div.movie{
		width:87.89%;
		margin:0 auto 1.2em;
	}
}
@media only screen and (max-width:599px) {
	.topCoverDetail_03 {padding: 5px 0 0;}
	.topCoverDetail_03 div.movie {
		width:83.125%;
		margin:0 auto 1.2em;
	}
	.topCoverDetail_03 div.info {
		width:83.125%;
	}
	.topCoverDetail_03 div.info p{
		font-size: 100%;/*12px*/
		-webkit-font-smoothing: antialiased;
	}
}

/* ShareButton (Cover Detail)
-------------------------------------- */

.topCoverDetail_02 .mod_button_17,
.topCoverDetail_03 .mod_button_17 {
	margin: 30px auto 0;
	width:100px;
}
@media only screen and (max-width:959px) {
	.topCoverDetail_01 .mod_button_17,
	.topCoverDetail_02 .mod_button_17,
	.topCoverDetail_03 .mod_button_17 {
		margin: 20px auto 10px;
		width:100px;
	}
}
@media only screen and (max-width:959px) {
	.topCoverDetail_01 .mod_button_17 > a,
	.topCoverDetail_02 .mod_button_17 > a,
	.topCoverDetail_03 .mod_button_17 > a{
		font-size:14px;
		height:45px;
	}
}

/*for facebook*/
.fb_ltr {left: 0!important;}
._4-nd {float:none!important;}

/* NextButton (Cover Detail)
-------------------------------------- */
.topNextbtn{
	margin: 40px auto 0;
	display:table;
	position:relative;
}
@media only screen and (min-width:600px) and (max-width:959px) {
	.topNextbtn{
		margin: 20px auto 0;
	}
}
@media only screen and (max-width:599px) {
	.topNextbtn{
		margin: 10px auto;
	}
}
.topCoverDetail_02 .topNextbtn,
.topCoverDetail_03 .topNextbtn {
	margin: 20px auto 0;
}

.topNextbtn a.topCoverDetailBtn{
	/*font*/
	color:#FFF;
	font-size:24px;
	font-weight:normal;
	font-family: NeoSansStd-Regular;
	text-decoration:none;
	line-height:1.2;

	/*layout*/
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	height:70px;
	padding:0 70px 0 90px;
	padding-left: 20px\9;/*for IE8*/
	margin:0 auto;

	/*other*/
	-webkit-border-radius: 4px ;
	-moz-border-radius: 4px ;
	-o-border-radius: 4px ;
	-ms-border-radius: 4px ;
	border-radius: 4px ;
	background-color: rgba(0, 0, 0, 0.22)!important;
	background-color/***/:#484F53\9;/*for IE8*/
	position:relative;
}
/*for IE9*/.topNextbtn a.topCoverDetailBtn:not(:target) {padding:0 70px 0 90px;}

.topNextbtn a.topCoverDetailBtn:hover{
	background-color: rgba(0, 0, 0, 0.35)!important;
	background-color:#394349\9;/*for IE8*/
}
.topNextbtn a.topCoverDetailBtn:before {
	content:" ";
	width:70px;
	height:70px;
	display:block;
	position: absolute;
	left: 0;
	top: 0;
	/*border-radius*/
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
	-ms-border-radius: 4px 0 0 4px;
	-o-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
@media only screen and (max-width:599px) {
	.topNextbtn a.topCoverDetailBtn:before {
		width:50px;
		height:50px;
		/*border-radius*/
		-webkit-border-radius: 3px 0 0 3px;
		-moz-border-radius: 3px 0 0 3px;
		-ms-border-radius: 3px 0 0 3px;
		-o-border-radius: 3px 0 0 3px;
		border-radius: 3px 0 0 3px;
	}
}

.topNextbtn a.topCoverDetailBtn:after {
	font-family: 'paddock_pict';
	content:"\e60c";
	color:#FFF;
	opacity:0.8;
	font-size: 18px;
	font-weight:normal;
	position: absolute;
	right: 20px;
	top: 25px;
}
@media only screen and (max-width:599px) {
	.topNextbtn a.topCoverDetailBtn{
		/*font*/
		font-size:16px;

		/*layout*/
		height:50px;
		padding:0 25px 0 60px;
		padding-left: 20px\9;/*for IE8*/

		/*other*/
		-webkit-border-radius: 3px ;
		-moz-border-radius: 3px ;
		-o-border-radius: 3px ;
		-ms-border-radius: 3px ;
		border-radius: 3px ;
		max-width: 244px;
	}
	/*for IE9*/.topNextbtn a.topCoverDetailBtn:not(:target) {padding:0 25px 0 60px;}
	.topNextbtn a.topCoverDetailBtn:after {
		font-size: 10px;
		font-weight:normal;
		position:absolute;
		right:10px;
		top:19px;
	}
}

.topNextbtn a.topCoverDetailBtn_06 .next_01,
.topNextbtn a.topCoverDetailBtn_06 .next_02 {display:none;}
.topNextbtn a.topCoverDetailBtn_06,
.topNextbtn a.topCoverDetailBtn_06:not(:target)/*for IE9*/ {padding:0 70px 0 20px;}

@media only screen and (max-width:599px) {
	.topNextbtn a.topCoverDetailBtn_06{padding: 0 15px 0 20px!important;}
}

/* Cover Thumbnails
========================================================================*/
#topCoverThum{
	background:#516570 url(/top/img/img_coverShadow.png) repeat-x top center;
}
#topCoverThum ul{
	margin:0;
	padding:10px 0 10px 4px;
}
#topCoverThum ul li{
	margin:0;
	padding:0;
	float:left;
	margin-right:8px;
	/*color:#FFF;*/
	box-shadow: #444 0 2px 4px;
	background:url(/top/img/pic_loading.gif) no-repeat center center;
	width:152px;
	height:75px;
	font-size:16px;
	line-height:1.2;
	cursor:pointer;
	position:relative;
	/*for IE8*/
	filter: alpha(opacity=40)\9; /* IE lt 8 */
	-ms-filter: "alpha(opacity=40)"\9; /* IE 8 */
}
#topCoverThum ul li:after {
}
#topCoverThum ul li span{
	height:75px;
	width:152px;
	padding: 0 10px;
	text-align:center;
	text-shadow:#222 0 1px 3px,#222 0 1px 3px; /* JB */
	color: rgba(255,255,255,0.6);
	color:#ebebeb\9; /* IE 8 */
	display:table-cell;
	vertical-align:middle;
	font-family: NeoSansStd-Regular;
	position: relative;
	/*background: url(/meet_recruit/img/bg_grad.png) left top repeat-x\9;*//*for IE8*/
}
#topCoverThum ul li.cur{
	opacity:1;
}
#topCoverThum ul li:before {
	content:" ";
	width:152px;
	height:75px;
	display:block;
	position:absolute;
	left:0;
	top:0;
	background: rgba(0,0,0,0.6);
	/*hover easing*/
	-moz-transition:all 0.15s ease; /*Firefox*/
	-webkit-transition: all 0.15s ease; /*Safari,Chrome*/
	-o-transition: all 0.15s ease; /*Opera*/
	transition: all 0.15s ease;
}

#topCoverThum ul li:hover span{
	color: rgba(255,255,255,0.8) !important;
	color:#f5f5f5\9; /* IE 8 */
}
#topCoverThum ul li:hover:before{
	background: rgba(0,0,0,0.4);
}
#topCoverThum ul li:hover{
	filter: alpha(opacity=60)\9; /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"\9; /* IE 8 */
}

#topCoverThum ul li.cur:before{
	background: rgba(0,0,0,0.15);
}
#topCoverThum ul li.cur{
	filter: alpha(opacity=100)\9; /* IE lt 8 */
	-ms-filter: "alpha(opacity=100)"\9; /* IE 8 */
}
#topCoverThum ul li.cur span{
	/*for IE8*/
	/*filter: alpha(opacity=100)\9;*/ /* IE lt 8 */
	/*-ms-filter: "alpha(opacity=100)"\9;*/ /* IE 8 */
	color: rgba(255,255,255,1) !important;
	color:#fff\9; /* IE 8 */
}

#topCoverThum ul li.cur span:before{
	content:" ";
	width:149px;
	height:74px;
	display:block;
	position:absolute;
	left:-3px;
	top:-3px;
	border:4px solid #E6EBF0;
	background: rgba(255,255,255,0.15);
}

#topCoverThum ul li.topThum_06{margin-right:0;}

#topCoverThum .section {position:relative;}
/*during loading , click off*/
#topCoverThum .noclick {
	width:100%;
	height:95px;
	position:absolute;
	background: url(/top/img/pic_loading.gif) repeat left top;
	left:0;
	top:0;
	z-index: 100;
}

/* Information Area
========================================================================*/
#topInfo h2 {
	margin:0 0 10px;
	padding:0 0 10px;
	border-bottom:1px solid #D7DCE1;
	font-size:126%;/*20px*/
	font-family:NeoSansStd-Medium;
}
#topInfo h2 a{
	position:relative;
}
#topInfo h2 a:after{
	font-family: 'paddock_pict';
	font-weight: normal;
	content: "\e60c";
	font-size: 10px;
	vertical-align: middle;
	padding: 0 0 0 10px;
	margin: -2px 0 0;
	height:13px;
	overflow:hidden;
	display:inline-block;
	text-decoration:none;
}
@media only screen and (max-width:599px) {
	#topInfo h2 {
		font-size:100%;/*16px*/
		margin:0 0 15px;
		padding:0 0 8px;
	}

	#topInfo h2 a:after{
		margin:0;
	}
}

/* Left Column
-------------------------------------- */
/* Title*/
#topLeftTitle{
	margin:0 0 8px;
	padding:0 0 8px;
	border-bottom:1px solid #D7DCE1;
}
@media only screen and (max-width:599px) {
	#topLeftTitle{
		margin:0 0 15px;
		padding:0 0 6px;
		border-bottom:1px solid #D7DCE1;
	}
}
#topLeft #topLeftTitle h2 {
	margin:0;
	padding:0;
	border:none;
}
#topLeftTitle .icon_01{
	width:90%;
	float:left;
}
#topLeftTitle .icon_02{
	margin-top:8px;
	width:18px;
	float:right;
	background:url(/top/img/topRss.png) no-repeat left top;
	text-indent:-9999px;
}

#topLeftTitle .icon_02 a{
	display:block;
	width:18px;
	height:18px;
	text-indent:-9999px;
	position:relative;
}
#topLeftTitle .icon_02 a:after {
	font-family:'paddock_pict';
	content:'\e60b';
	display:block;
	width: 18px;
	height: 18px;
	font-size: 18px;
	color: #DB6D00;
	position: absolute;
	left: 0;
	top: 0;
	text-indent: 0;
	line-height:1.1;
}

/* news Area*/
#topLeft dl{
	width:100%;
	padding:0;
	margin-bottom:27px;
	clear:both;
	font-size:86%;
}
#topLeft dt{
	width:83px;
	float: left;
	padding:0 0 15px;
	clear: both;
	line-height:1.2;
}
#topLeft dd{
	padding:0 0 10px 83px;
	margin-bottom:10px;
	line-height: 1.2;
	border-bottom: 1px solid #D7DCE1;
}
#topLeft dd:last-child {border:none;}
#topLeft dd a{ display: block; font-weight:bold;}

@media only screen and (max-width:959px) {
	.col_07_2 { padding:0;}
}
@media only screen and (max-width:599px) {
	#topLeft dl{
		margin-bottom:0;
		clear:both;
		font-size:86%;/*14px*/
	}
	#topLeft dt{
		width:auto;
		float: none;
		display:block;
		padding:0 0 5px;
		clear: both;
		line-height:1.2;
	}
	#topLeft dd{
		display:block;
		padding:0 0 15px;
		margin-bottom:15px;
		line-height: 1.2;
		border-bottom: 1px solid #D7DCE1;
	}
	#topRight p {
		margin:0 0 10px;
	}
}

/* Right Column
-------------------------------------- */

#topRight p{
	font-size:86%;/*14px*/
	margin:0 0 30px;
	line-height:1.2;
	color:#4C6471;
}

/* Global Network (only Top Setting)  */
.mod_map_01 ul .north_america { left:5%; top:18%;}
.mod_map_01 ul .europe { left:45%; top:45%;}
.mod_map_01 ul .asia { left:72%; top:57%;}
.mod_map_01 ul .japan { left:80%; top:25%;}
.mod_map_01 ul .oceania { left:78%; top:88%;}

@media only screen and (min-width:768px) and (max-width: 959px) {
	.mod_map_01 ul .north_america { left:9%; top:23%;}
	.mod_map_01 ul .europe { left:46%; top:44%;}
	.mod_map_01 ul .asia { left:67%; top:56%;}
	.mod_map_01 ul .japan { left:84%; top:26.5%;}
	.mod_map_01 ul .oceania { left:80%; top:90%;}
}
@media only screen and (min-width:600px) and (max-width: 767px) {
	.mod_map_01 ul .north_america { left:9%; top:23%;}
	.mod_map_01 ul .europe { left:46%; top:44%;}
	.mod_map_01 ul .asia { left:67%; top:56%;}
	.mod_map_01 ul .japan { left:83%; top:26.5%;}
	.mod_map_01 ul .oceania { left:80%; top:88%;}
}
@media only screen and (max-width: 599px) {
	.mod_map_01 ul .north_america { left:10%; top:22%;}
	.mod_map_01 ul .europe { left:48%; top:42%;}
	.mod_map_01 ul .asia { left:66%; top:55%;}
	.mod_map_01 ul .japan { left:83%; top:23.5%;}
	.mod_map_01 ul .oceania { left:80%; top:58%;}
}
@media only screen and (max-width: 439px) {
	.mod_map_01 ul .north_america { left:5%; top:14%;}
	.mod_map_01 ul .europe { left:44%; top:45%;}
	.mod_map_01 ul .asia { left:65%; top:55%;}
	.mod_map_01 ul .japan { left:82%; top:15.5%;}
	.mod_map_01 ul .oceania { left:79%; top:55%;}
}

/*balloon*/
.mod_map_01 ul .btn {
	font-size: 86%;/*14px*/
	padding: 10px 15px 10px;
}
.mod_map_01 ul .north_america .btn:after {
	top: 98.5%;
	left: 44%;
}
.mod_map_01 ul .europe .btn:after {
	top: -14px;
	left: 42%;
}
.mod_map_01 ul .asia .btn:after {
	top: -14px;
	left: 37%;
}
.mod_map_01 ul .japan .btn:after {
	top: 98.5%;
	left: 41%;
}
.mod_map_01 ul .oceania .btn:after {
	top: -7px;
	left: 42%;
	border-top:none;
	border-bottom: 9px solid #0065BD;
}
.mod_map_01 ul .oceania .btn:hover:after {
	border-top:none;
	border-bottom: 9px solid #004F99;
}

@media only screen and (max-width: 599px) {
	.mod_map_01 ul .btn {
		font-size: 63%;/*10px*/
		font-family:NeoSansStd-Regular;
		padding: 6px 8px 7px;
		/*border radius*/
		-webkit-border-radius:2px;
		-moz-border-radius:2px;
		-o-border-radius:2px;
		-ms-border-radius:2px;
		border-radius:2px;
		/*box-shadow*/
		-moz-box-shadow: #999 0 1px 2px -1px;
		-webkit-box-shadow: #999 0 1px 2px -1px;
		-o-box-shadow: #999 0 1px 2px -1px;
		-ms-box-shadow: #999 0 2px 2px -1px;
		box-shadow: #999 0 1px 2px -1px;
	}
	.mod_map_01 ul .btn:after {
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		border: 5px solid transparent;
	}
	.mod_map_01 ul .north_america .btn:after {
		top: 100%;
		border-top: 6px solid #0065BD;
	}
	.mod_map_01 ul .north_america .btn:hover:after { border-top: 6px solid #004F99;}

	.mod_map_01 ul .europe .btn:after {
		top: -10px;
		border-bottom: 6px solid #0065BD;
	}
	.mod_map_01 ul .europe .btn:hover:after { border-bottom: 6px solid #004F99;}

	.mod_map_01 ul .asia .btn:after {
		top: -10px;
		border-bottom: 6px solid #0065BD;
	}
	.mod_map_01 ul .asia .btn:hover:after { border-bottom: 6px solid #004F99;}

	.mod_map_01 ul .japan .btn:after {
		top: 100%;
		border-top: 6px solid #0065BD;
	}
	.mod_map_01 ul .japan .btn:hover:after { border-top: 6px solid #004F99;}

	.mod_map_01 ul .oceania .btn:after {
		top: 100%;
		border-top: 6px solid #0065BD;
		border-bottom:none;
	}
	.mod_map_01 ul .oceania .btn:hover:after {
		border-top: 6px solid #004F99;
		border-bottom:none;
	}
}

#top_noscript{
	max-width:960px;
	margin:0 auto;
	z-index: 101;
	position: relative;
	background: #F7F9F9;
}

/******************/
/* for PC    */
/* 600px-959px    */
/******************/
@media only screen and (min-width: 960px) {
	#topCoverLoading{
		height: 460px;
	}

	#topCoverThum{
		height: 95px;
	}

	#topCover .control-nav{
		display: none;
	}
}

/******************/
/* for Tablet    */
/* 600px-959px    */
/******************/

@media only screen and (min-width: 600px) and (max-width: 959px) {
	#topCover .section,
	#topCoverThum .section,
	#numberWrap .section,
	#topInfo .section,
	#topRecommend .section,
	#topCoverDetail .section
	{
		max-width: 959px;
		margin: 0 auto;
	}

	#topCoverLoading{
		height:auto;
		bottom: 0;
	}

	#topCover{
		height: auto;
		overflow:hidden;
	}
	#topCover ul:after {/*clearfix*/
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

	#topCover ul{
		width:1000%;
		overflow: hidden;
		height:auto!important;
	}

	#topCover ul li{
		/*width:640px;*/
		width:10%;
		margin:0 auto 0 auto;
		text-align:center;
		/*z-index:-100;*/
		position:relative;
		float:left;
		top:0;
		/*left:0;*/
		/*display:none;*/
		opacity:1;
	}

	#topCover ul li.cur{
		opacity: 1!important;
		display: block!important;
	}

	#topCover ul li img{
		width:100%;
		height:auto;
	}

	#topCoverPrev, #topCoverNext{
		display:none !important;
	}

	#topCover ul li span {
		width:100%;
	}
	#topCover ul li img{
		width:100%;
		height:auto;
		margin-left:0;
	}

	.topCoverInfo_01{
		color:#FFFFFF;
		/*background:#82BE64;*/
		/*height: 200px;*/
	}

	.topCoverThum{display:none;}
	#numberWrap{
		padding-bottom:14px;
	}

	#topCoverThum{
		display: none;
	}

	.col_07_1,
	.col_07_2 { width: 90.49%;}
	.col_07_1 { margin:0 4.755% 0 4.755%; }
	.col_07_2 { margin:0 4.755% 0 4.755%; }
	.col_07_1{
	}
	.col_07_2{
	}

	#topCover .control-nav{
		bottom: 15px;
	}


}
/******************/
/* for SP         */
/* 320px-599px    */
/******************/
@media only screen and (max-width: 599px) {
	#topCover .section,
	#topCoverThum .section,
	#numberWrap .section,
	#topInfo .section,
	#topRecommend .section,
	#topCoverDetail .section {
		max-width: 599px; margin: 0 auto;
	}

	#topCoverLoading{
		height:auto;
		bottom: 0;
	}

	/* 後藤CSS←liにabsolute指定が必要なので回避

	#topCover{
	height:auto;
	}

	#topCover ul li{
	margin:0 auto;
	text-align:center;
	z-index:-100;
	position:relative;
	top:0;
	left:0;px;
	display:none;
	}
	#topCover ul li.cur{
	display:block;
	}
	#topCover ul li span{
	width:100%;

	}
	#topCover ul li img{
	width:100%;
	height:auto;
	margin-left:0;
	}

	#topCover ul:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

	 */

/*PC版のCSSを改造*/
/*Cover Main Visuals*/
#topCover ul li{
	width: 10%;
	margin: 0 auto;
	text-align: center;
	top: 0;
	left: 0;
	opacity: 1;
	float: left;
	cursor:pointer;
	position:relative;
}
#topCover ul li span {
	width:100%;
	overflow: visible;
	display: block;
	margin: 0 auto;
}
#topCover ul li.cur{
	opacity: 1!important;
	display: block!important;
}
#topCover ul li img{
	width:100%;
	height:auto;
	margin-left:0;
}

#topCover ul:after {/*clearfix*/
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#topCover ul{
	width: 1000%;
	overflow: hidden;
	height:auto!important;
}

#topCoverPrev,#topCoverNext{
	display:none!important;
}

.topCoverInfo_01{
	color:#FFFFFF;
	/*background:#82BE64;*/
	/*min-height: 200px;*/
}
#topCoverDetail{
	margin-top:0;
	/*padding:0 0 60px 0;*/
}
#topCoverDetail.pc_01{background:#82BE64;}
#topCoverDetail.pc_01 .info{color:#FFFFFF;}
.topCoverDetail_01 .image{
	width:82.82%;
	float:none;
	margin:0 auto 36px auto;
	text-align:center;
}
.topCoverDetail_01 .info{
	width:82.82%;
	float:none;
	margin:0 auto 43px auto;
}
.topCoverDetail_01 .info p{
	padding-top:0;
	margin-top:0;
	font-size:100%; /* JB */
}
.topCoverDetailBtn{/*mod_button_16改変*/
	width:89.06% !important;
	margin:0 auto 0 auto;
}
.topCoverDetailBtn{/*mod_button_16改変*/
	clear:both !important;
	background:#689850 url(../../button/img/button_img06.png) left top no-repeat;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin:0 auto 0 auto;
	font-size:15px !important;
	text-decoration:none !important;
	color:#FFF;
	padding:23px 20px 23px 80px;
	margin:0 auto 0 auto;
	text-align:center;
}
.topCoverDetailBtn:hover{
	opacity:0.8;
}
#topCoverThum{display:none;}

#topInfo{
	width: 88.75%;
	margin:0 auto;
}

}

.flex-control-nav {display:none!important;}

/* add button */
.topCoverText.mod_button_12a{
	top: 365px !important;
	position: relative !important;
}

@-moz-document url-prefix() { /*Firefox hack*/
	#topCoverInfo p.mod_button_12a{
		margin-top:-5px;
	}
}

.topCoverText.mod_button_12a a{
	font-family: NeoSansStd-Regular !important;
	padding: 13px 33px 13px 15px !important;
	font-size: 16px;
}

.topCoverText.mod_button_12a a:before{
	font-size: 8px !important;
	right: 15px !important;
}

@media only screen and (min-width: 600px) and (max-width: 959px) {
	.top_open{
		margin: 20px auto 30px auto;
		text-align:center;
		left: 0px;
		padding-bottom:30px;
	}
	.topCoverText.mod_button_12a{
		text-align:center;
	}

	.topCoverText.mod_button_12a a{
		background: rgba(0,0,0,0.22) !important;
		padding-right: 33px !important;
	}

	.topCoverText.mod_button_12a>a:hover {
		background: rgba(0,0,0,0.35) !important;
		background: #394349\9;
	}
}
@media only screen and (max-width: 599px) {
	.meet_csr{
		margin: 20px auto 30px auto;
		text-align:center;
		left: 0px;
		padding-bottom:30px;
	}

	.topCoverText.mod_button_12a{
		text-align:center;
	}

	.topCoverText.mod_button_12a a:before{
		margin-top:2px;
	}


	.topCoverText.mod_button_12a a{
		background: rgba(0,0,0,0.22) !important;
		padding-right: 33px !important;
	}


	.topCoverText.mod_button_12a>a:hover {
		background: rgba(0,0,0,0.35) !important;
		background: #394349\9;
	}

}

/*スクリプト改修にあわせてのボタンデザイン*/
div.topCoverOpenBtn,
div.topCoverCloseBtn{
	position: absolute;
	margin-left: 2000px;
	padding: 0;
	margin-top:0;
}

div.topCoverOpenBtn{
	/*width: 123px;*/
}

div.topCoverCloseBtn{
	width: 86px;
	display: none;
}

div.topCoverOpenBtn.mod_button_12a,
div.topCoverCloseBtn.mod_button_12a
{
	/*position:absolute;*/
	background:#0065BD;
	font-family: NeoSansStd-Regular !important;
	padding: 13px 33px 13px 15px !important;
	font-size: 16px;
	color:#FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	corsor:pointer;
	margin-top: 9px;
}
div.topCoverOpenBtn.mod_button_12a:hover,
div.topCoverCloseBtn.mod_button_12a:hover {
	background:#004F99;
	text-decoration:none;
}

div.topCoverOpenBtn.mod_button_12a span,
div.topCoverCloseBtn.mod_button_12a span {
	font-family:NeoSansStd-Regular;
}

div.topCoverOpenBtn.mod_button_12a.below a,
div.topCoverCloseBtn.mod_button_12a.above a {
	padding: 21px 50px 22px 25px ;
}
div.topCoverOpenBtn.mod_button_12a.below:before,
div.topCoverCloseBtn.mod_button_12a.above:before{
	font-family: 'paddock_pict';
	content:"\e612";
	opacity:0.8;
	font-size: 8px !important;
	right: 15px !important;
	position:absolute;
	top: 38%;
	z-index:1;
}
div.topCoverOpenBtn.mod_button_12a.below:before {content:"\e613";}
div.topCoverCloseBtn.mod_button_12a.above:before {content:"\e607";}



@media only screen and (min-width: 600px) and (max-width: 959px) {
	div.topCoverOpenBtn.mod_button_12a,
	div.topCoverCloseBtn.mod_button_12a{
		/*position: relative;*/
		text-align: center;
		background: rgba(0,0,0,0.22) !important;
		padding-right: 33px !important;
		display: block;
		margin: 0 !important;
		opacity: 1 !important;
		bottom: 62px;/*#topCoverInfo .textのpaddingも調整*/
	}
	div.topCoverCloseBtn.mod_button_12a{
		display: none;
	}
	div.topCoverOpenBtn.mod_button_12a:hover,
	div.topCoverCloseBtn.mod_button_12a:hover{
		background: rgba(0,0,0,0.35) !important;
		background: #394349\9;
	}
}

@media only screen and (max-width:599px) {
	div.topCoverOpenBtn.mod_button_12a,
	div.topCoverCloseBtn.mod_button_12a{
		display:block;
		font-family:NeoSansStd-Medium;
		font-size: 86%;/*14px*/
		padding: 13px 4.687% 15px ;
		color:#FFF;
		/*position:relative;*/
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		border-radius: 3px;
		text-align:center;
		background: rgba(0,0,0,0.22) !important;
		padding-right: 33px !important;
		margin-left: 0;
		bottom: 62px;/*#topCoverInfo .textのpaddingも調整*/
	}
	div.mod_button_12a.below a,
	div.mod_button_12a.above a {
		padding: 15px 9.354% 17px 4.687% ;
	}
	div.mod_button_12a.below a:before,
	div.mod_button_12a.above a:before {
		right: 15px;
		top: 35%;
		font-size: 9px;
	}
	div.topCoverCloseBtn.mod_button_12a{
		display: none;
	}

	div.topCoverOpenBtn.mod_button_12a:before,
	div.topCoverOpenBtn.mod_button_12a:before{
		margin-top:2px;
	}
	div.topCoverOpenBtn.mod_button_12a:hover,
	div.topCoverCloseBtn.mod_button_12a:hover{
		background: rgba(0,0,0,0.35) !important;
		background: #394349\9;
	}
}



/*Read more,Closeのセンタリング調整*/


@media only screen and (min-width: 860px) and (max-width: 959px) {
	div.topCoverOpenBtn.mod_button_12a{
    left: 4.35%;
    }
}
@media only screen and (min-width: 760px) and (max-width: 859px) {
	div.topCoverOpenBtn.mod_button_12a{
    left: 4.25%;
    }
}
@media only screen and (min-width: 660px) and (max-width: 759px) {
	div.topCoverOpenBtn.mod_button_12a{
    left: 4.15%;
    }
}
@media only screen and (min-width: 600px) and (max-width: 659px) {
	div.topCoverOpenBtn.mod_button_12a{
    left: 4.05%;
    }
}
@media only screen and (min-width: 520px) and (max-width: 599px) {
	div.topCoverOpenBtn.mod_button_12a{
    left: 39.05%;
    }
}
@media only screen and (min-width: 460px) and (max-width: 519px) {
	div.topCoverOpenBtn.mod_button_12a{
    left: 37.05%;
    }
}
@media only screen and (min-width: 420px) and (max-width: 459px) {
	div.topCoverOpenBtn.mod_button_12a{
    left: 36.05%;
    }
}
@media only screen and (min-width: 380px) and (max-width: 459px) {
	div.topCoverOpenBtn.mod_button_12a{
    left: 35.05%;
    }
}
@media only screen and (min-width: 330px) and (max-width: 380px) {
	div.topCoverOpenBtn.mod_button_12a{
    left: 33.05%;
    }
}
@media only screen and (max-width:329px) {
	div.topCoverOpenBtn.mod_button_12a{
    left: 32.1%;
	}
}







@media only screen and (min-width: 860px) and (max-width: 959px) {
	div.topCoverOpenBtn.mod_button_12a.hasMovie{
    left: 4.23%;
    }
}
@media only screen and (min-width: 760px) and (max-width: 859px) {
	div.topCoverOpenBtn.mod_button_12a.hasMovie{
    left: 4.109%;
    }
}
@media only screen and (min-width: 660px) and (max-width: 759px) {
	div.topCoverOpenBtn.mod_button_12a.hasMovie{
    left: 3.98%;
    }
}
@media only screen and (min-width: 600px) and (max-width: 659px) {
	div.topCoverOpenBtn.mod_button_12a.hasMovie{
    left: 3.90%;
    }
}
@media only screen and (min-width: 520px) and (max-width: 599px) {
	div.topCoverOpenBtn.mod_button_12a.hasMovie{
    left: 39.05%;
    }
}
@media only screen and (min-width: 460px) and (max-width: 519px) {
	div.topCoverOpenBtn.mod_button_12a.hasMovie{
    left: 36.95%;
    }
}




@media only screen and (min-width: 420px) and (max-width: 459px) {
	div.topCoverOpenBtn.mod_button_12a.hasMovie{
    left: 35.7%;
    }
}
@media only screen and (min-width: 380px) and (max-width: 459px) {
	div.topCoverOpenBtn.mod_button_12a.hasMovie{
    left: 34.35%;
    }
}
@media only screen and (min-width: 330px) and (max-width: 380px) {
	div.topCoverOpenBtn.mod_button_12a.hasMovie{
    left: 32.85%;
    }
}
@media only screen and (max-width:329px) {
	div.topCoverOpenBtn.mod_button_12a.hasMovie{
    left: 30.2%;
	}
}

@media only screen and (min-width: 860px) and (max-width: 959px) {
	div.topCoverCloseBtn.mod_button_12a{
    left: 4.55%;
    }
}
@media only screen and (min-width: 750px) and (max-width: 859px) {
	div.topCoverCloseBtn.mod_button_12a{
    left: 4.45%;
    }
}
@media only screen and (min-width: 660px) and (max-width: 749px) {
	div.topCoverCloseBtn.mod_button_12a{
    left: 4.35%;
    }
}
@media only screen and (min-width: 600px) and (max-width: 659px) {
	div.topCoverCloseBtn.mod_button_12a{
    left: 4.25%;
    }
}
@media only screen and (min-width: 550px) and (max-width: 599px) {
	div.topCoverCloseBtn.mod_button_12a{
    left: 42.55%;
    }
}
@media only screen and (min-width: 470px) and (max-width: 549px) {
	div.topCoverCloseBtn.mod_button_12a{
    left: 41.45%;
    }
}
@media only screen and (min-width: 420px) and (max-width: 469px) {
	div.topCoverCloseBtn.mod_button_12a{
    left: 40.55%;
    }
}
@media only screen and (max-width:419px) {
	div.topCoverCloseBtn.mod_button_12a{
    left: 37.8%;
    }
}