@charset "shift_jis";
/*------------------------------
	Structure
------------------------------*/
#wrapper {
	width:100%;
	position:relative;
}


/*-- header --*/
.header {
	width:950px;
	margin:0 auto;
}
.header .logo {
	float:left;
	margin:29px 0;
}
.header .logo > a {
	display:block;
	width:318px;
	height:65px;
	background:url(/jsl/common/img/logo_jsl.gif) no-repeat 0 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* fsSwitcher */
.header .fsSwitcher {
	float:right;
	display:table;
	margin:43px 0;
}
.header .fsSwitcher_head {
	display:table-cell;
	vertical-align:middle;
	padding-right:5px;
}
.header .fsSwitcher_body { display:table; }
.header .fsSwitcher_btns > li {
	display:table-cell;
	vertical-align:middle;
	padding:0 5px;
}
.header .fsSwitcher_btns > li + li { padding-left:10px; }
.header .fsSwitcher_btn {
	display:block;
	width:36px;
	height:36px;
	border-radius:50%;
	background-color:#f7f7f7;
	background-image:url(/jsl/common/img/btns_fsSwitcher.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	transition:background-color ease 0.2s;
}
.header .fsSwitcher_btn.lrg { background-position:0 0; }
.header .fsSwitcher_btn.mid { background-position:-36px 0; }
.header .fsSwitcher_btn.def { background-position:-72px 0; }
.header .fsSwitcher_btn:hover,
.header .fsSwitcher_btn.textresizer-active { background-color:#c00; }
.header .fsSwitcher_btn.lrg:hover,
.header .fsSwitcher_btn.lrg.textresizer-active { background-position:0 -36px; }
.header .fsSwitcher_btn.mid:hover,
.header .fsSwitcher_btn.mid.textresizer-active { background-position:-36px -36px; }
.header .fsSwitcher_btn.def:hover,
.header .fsSwitcher_btn.def.textresizer-active { background-position:-72px -36px; }


/*-- gNav --*/
.slicknav_menu { display:none; }
.gNav {
	background-color:#f7f7f7;
	border-bottom:1px solid #fff;
}
.gNavBtns {
	display:table;
	table-layout:fixed;
	width:950px;
	margin:0 auto;
}
.gNavBtns > li {
	display:table-cell;
	vertical-align:bottom;
	width:108px;
	border-left:1px solid #fff;
	text-align:center;
}
.gNavBtn {
	display:block;
	width:100%;
	height:55px;
	line-height:55px;
	transition:background-color ease 0.2s, color ease 0.2s;
}
.gNavBtns > li:last-of-type {
	width:194px;
	border-right:1px solid #fff;
}
.gNavBtn:hover {
	background-color:#c00;
	color:#fff;
}
#top .gNavBtn.top {	background-color:#fff; color:#c00; }
#notification .gNavBtn.newsNav { background-color:#fff; color:#c00; }
#philo .gNavBtn.philo {	background-color:#fff; color:#c00; }
#profile .gNavBtn.profile {	background-color:#fff; color:#c00; }
#business .gNavBtn.business { background-color:#fff; color:#c00; }
#recruit .gNavBtn.recruit {	background-color:#fff; color:#c00; }
#staff .gNavBtn.staff {	background-color:#fff; color:#c00; }
#support .gNavBtn.support {	background-color:#fff; color:#c00; }


/*-- contents --*/
.contentsInr {
	width:950px;
	margin:40px auto 80px;
}

/* pageNav */
.pageNav {
	width:950px;
	margin:0 auto;
}


.pageNavItems {
	letter-spacing:-1em;
	text-align:center;
}


.pageNavItem {
	display:inline-block;
	letter-spacing:normal;
}






.pageNavItem > a {
	display:block;
	padding:16px 20px 10px;
	background-color:#fff;
	text-align:center;
	color:#c00;
	transition:background-color ease 0.2s, color ease 0.2s;
}
.pageNavItem > a span {
	display:block;
	padding-right:30px;
	background:url(/jsl/common/img/icon_arw_bk_btm.png) no-repeat right center;
	-webkit-background-size:12px auto;
	background-size:12px auto;
}
.pageNavItem > a:hover {
	background-color:#c00;
	color:#fff;
}
.pageNavItem > a:hover span {
	background-image:url(/jsl/common/img/icon_arw_wt_btm.png);
}


/*-- btmNav --*/
.btmNav {
	padding:60px 0;
	background-color:#f7f7f7;
}
.btmNavInr {
	width:950px;
	margin:0 auto;
	overflow:hidden;
}
.btmNavItems {
	width:981px;
	letter-spacing:-1em;
	margin:-30px 0 0 -31px;
}
.btmNavItem {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:296px;
	margin:30px 0 0 31px;
}
.btmNavItem .inr {
	display:block;
	border-top:5px solid #c00;
}
.btmNavItem .head {
	padding:10px 15px 8px 30px;
	background:url(/jsl/common/img/icon_arw_bk_rgt.png) no-repeat 15px center #fff;
	-webkit-background-size:6px 12px;
	background-size:6px 12px;
	color:#c00;
	font-size:0.875em;
}
.btmNavItem .image,
.btmNavItem .head { transition:background-color ease 0.2s, color ease 0.2s; }
.btmNavItem .inr:hover .image { opacity:0.7; }
.btmNavItem .inr:hover .head {
	background-image:url(/jsl/common/img/icon_arw_wt_rgt.png);
	background-color:#c00;
	color:#fff;
}
#philo .btmNavItem.philo .head,
#notification .btmNavItem.newsNav .head,
#profile .btmNavItem.profile .head,
#business .btmNavItem.business .head,
#recruit .btmNavItem.recruit .head,
#staff .btmNavItem.staff .head,
#support .btmNavItem.support .head {
	background-image:url(/jsl/common/img/icon_arw_wt_rgt.png);
	background-color:#c00;
	color:#fff;
	cursor:default;
}
#philo .btmNavItem.philo .inr:hover .image,
#notification .btmNavItem.newsNav .inr:hover .image,
#profile .btmNavItem.profile .inr:hover .image,
#business .btmNavItem.business .inr:hover .image,
#recruit .btmNavItem.recruit .inr:hover .image,
#staff .btmNavItem.staff .inr:hover .image,
#support .btmNavItem.support .inr:hover .image { opacity:1.0; }


/*-- pageTop --*/
.pageTop {
	width:100%;
	position:fixed;
	bottom:0;
}
.pageTop > a {
	display:block;
	height:90px;
	margin:0 auto;
	background:url(/jsl/common/img/btn_pagetop.png) no-repeat center center rgba(255,255,255,0.8);
	-webkit-background-size:130px auto;
	background-size:130px auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	transition:background-color ease 0.2s;
}
.pageTop > a:hover {
	background-color:rgba(255,255,255,0.9);
}


/*-- footer --*/
.footer {
	margin-top:90px;
	background-color:#c00;
}
.footer .copy {
	display:block;
	width:950px;
	height:40px;
	line-height:40px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	font-size:0.875em;
}


@media only screen and (max-width: 768px) {
	/*-- header --*/
	.header {
		width:100%;
		border-bottom:1px solid #d0cbc7;
	}
	.header .logo {
		float:left;
		margin:15px;
	}
	.header .logo > a {
		width:159px;
		height:33px;
		background:url(/jsl/common/img/logo_jsl.gif) no-repeat 0 0;
		-webkit-background-size:159px 33px;
		background-size:159px 33px;
	}
	
	/* fsSwitcher */
	.header .fsSwitcher { display:none; }
	
	
	/*-- gNav --*/
	.gNav {	display:none; }
	.slicknav_menu {
		display:block;
		width:100%;
		background-color:#fff;
		position:absolute;
		top:64px;
		right:0;
		z-index:100;
	}
	.slicknav_btn {
		display:block;
		width:40px;
		height:40px;
		background:url(../img/btns_toggleMenu.png) no-repeat 0 0;
		-webkit-background-size:240px 75px;
		background-size:240px 75px;
		position:absolute;
		top:-50px;
		right:10px;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
	}
	.slicknav_btn.slicknav_open { background-position:-45px 0; }
	.slicknav_icon { display:none; }
	.slicknav_menu .slicknav_nav { box-shadow:0 1px 2px rgba(0,0,0,0.2); }
	.slicknav_menu .slicknav_nav > li {
		width:50%;
		border-bottom:1px solid #d0cbc7;
		background-color:#f7f7f7;
		overflow:hidden;
		text-align:center;
	}
	.slicknav_menu .slicknav_nav > li:nth-of-type(odd) { float:left; }
	.slicknav_menu .slicknav_nav > li:nth-of-type(even) { float:right; border-left:1px solid #d0cbc7; }
	.slicknav_menu .slicknav_nav > li:nth-last-child(2) ,
	.slicknav_menu .slicknav_nav > li:last-of-type { float:none; width:100%; }
	.slicknav_menu .gNavBtn {
		height:49px;
		line-height:49px;
	}
	.slicknav_menu .gNavBtn:hover {
		background-color:#f7f7f7;
		color:#000;
	}
	.slicknav_menu .gNavBtn:before {
		content:"";
		display:inline-block;
		vertical-align:middle;
		width:30px;
		height:30px;
		margin-right:5px;
		background-image:url(/jsl/common/img/btns_toggleMenu.png);
		background-repeat:no-repeat;
		-webkit-background-size:240px 75px;
		background-size:240px 75px;
	}
	.slicknav_menu .gNavBtn.top:before { background-position:0 -45px; }
	.slicknav_menu .gNavBtn.newsNav:before { background-position:-212px -20px; }
	.slicknav_menu .gNavBtn.philo:before { background-position:-35px -45px; }
	.slicknav_menu .gNavBtn.profile:before { background-position:-70px -45px; }
	.slicknav_menu .gNavBtn.business:before { background-position:-105px -45px; }
	.slicknav_menu .gNavBtn.recruit:before { background-position:-140px -45px; }
	.slicknav_menu .gNavBtn.staff:before { background-position:-175px -45px; }
	.slicknav_menu .gNavBtn.support:before { background-position:-210px -45px; }
	
	
	/*-- contents --*/
	.contentsInr {
		width:auto;
		margin:20px auto;
		padding:0 10px
	}
	
	/* pageNav */
	.pageNav {
		width:auto;
		margin:0;
	}
	
	
	
	

	
	.pageNavItem {
		display:block;
		border-bottom:1px solid #e4e4e4;
	}
	

	
	
	.pageNavItemsB {
		border-bottom:-1px solid #e4e4e4;
	}

	.pageNavItemB {
		display:block;
		border-bottom:1px solid #e4e4e4;

	}
	
	
	
	.pageNavItem > a {
		display:block;
		padding:8px 10px 7px;
		text-align:left;
	}
	.pageNavItem > a span {
		padding:0 0 0 20px;
		background-position:left center;
		-webkit-background-size:12px auto;
		background-size:12px auto;
		transition:none;
	}
	.pageNavItem > a:hover {
		background-color:#fff;
		color:#c00;
	}
	.pageNavItem > a:hover span {
		background-image:url(/jsl/common/img/icon_arw_bk_btm.png);
	}
	
	
	/*-- btmNav --*/
	.btmNav { padding:15px 10px; }
	.btmNavInr {
		width:auto;
		margin:0;
	}
	.btmNavItems {
		width:auto;
		letter-spacing:-1em;
		margin:0;
		overflow:hidden;
	}
	.btmNavItem {
		width:50%;
		margin:10px 0 0 0;
	}
	.btmNavItem .inr { border-top-width:2px; }
	.btmNavItem:nth-of-type(odd) { float:left; padding-right:5px; }
	.btmNavItem:nth-of-type(even) {	float:right; padding-left:5px; }
	.btmNavItem .head {
		padding:4px 10px 2px 20px;
		background-position:10px center;
		-webkit-background-size:5px auto;
		background-size:5px auto;
	}
	.btmNavItem .image,
	.btmNavItem .head { transition:none; }
	.btmNavItem .inr:hover .image {	opacity:1.0; }
	.btmNavItem .inr:hover .head {
		background-image:url(/jsl/common/img/icon_arw_bk_rgt.png);
		background-color:#fff;
		color:#c00;
	}
	
	
	/*-- pageTop --*/
	.pageTop > a {
		height:68px;
		-webkit-background-size:97px 38px;
		background-size:97px 38px;
	}
	
	
	/*-- footer --*/
	.footer { margin-top:68px; }
	.footer .copy {
		width:100%;
		height:30px;
		line-height:30px;
		margin:0;
		font-size:0.75em;
	}
}