@charset "shift_jis";

/* scroll fix */
html{
	overflow-y: scroll;
}


.device-pc #sb-site{
 min-height : 100% !important;
}



html,body{
	background:#FFF;
}
body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
	color:#333;
	line-height:1.6;
	font-size:12px;
	min-width:960px;
	-webkit-text-size-adjust:100%;


	/*hidden*/
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow:hidden;

}
body.device-sp{
	min-width:320px;
}
body.visible{
	/*visible*/
	width:auto;
	height:auto;
	margin:auto;
	overflow:auto;
}

input,textarea {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
}
strong{
	font-weight:bold;
}


/*---ForFireFoxLink------------------*/
a:focus{outline:none;}


/*---tpl-clearfix ------------------*/
.tpl-clearfix:before,.tpl-clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}
.tpl-clearfix:after{clear: both;}
.tpl-clearfix{zoom: 1;}



/*---clearFix ------------------*/
.clearfix:before,.clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}
.clearfix:after{clear: both;}
.clearfix{zoom: 1;}




.only-pc{
	display: inline-block;
}

.only-sp{
	display: none;
}
@media screen and (max-width: 640px) {
.device-sp .only-pc{
	display: none;
}

.device-sp .only-sp{
	display: inline-block;
}
}


/* for tablet:font-size fix */
h1,h2,h3,h4,h5,ul,li,p,span,dt,dd,a{
	max-height: 999999px;
}


/* 02.link
----------------------------------------------------------- */

a{
	color:#525252;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/*////////////////////////////////////////

padding, margin

////////////////////////////////////////*/

.padT0{padding-top:0px;}
.padT3{padding-top:3px;}
.padT5{padding-top:5px;}
.padT7{padding-top:7px;}
.padT10{padding-top:10px;}
.padT15{padding-top:15px;}
.padT20{padding-top:20px;}
.padT25{padding-top:25px;}
.padT30{padding-top:30px;}
.padT40{padding-top:40px;}
.padT50{padding-top:50px;}
.padT60{padding-top:60px;}
.padT70{padding-top:70px;}
.padT80{padding-top:80px;}
.padT90{padding-top:90px;}
.padT100{padding-top:100px;}
.padB0{padding-bottom:0px;}
.padB3{padding-bottom:3px;}
.padB5{padding-bottom:5px;}
.padB7{padding-bottom:7px;}
.padB10{padding-bottom:10px;}
.padB15{padding-bottom:15px;}
.padB20{padding-bottom:20px;}
.padB25{padding-bottom:25px;}
.padB30{padding-bottom:30px;}
.padB40{padding-bottom:40px;}
.padB50{padding-bottom:50px;}
.padB60{padding-bottom:60px;}
.padB70{padding-bottom:70px;}
.padB80{padding-bottom:80px;}
.padB90{padding-bottom:90px;}
.padB100{padding-bottom:100px;}
.padL0{padding-left:0px;}
.padL3{padding-left:3px;}
.padL5{padding-left:5px;}
.padL7{padding-left:7px;}
.padL10{padding-left:10px;}
.padL15{padding-left:15px;}
.padL20{padding-left:20px;}
.padL25{padding-left:25px;}
.padL30{padding-left:30px;}
.padL40{padding-left:40px;}
.padL50{padding-left:50px;}
.padL60{padding-left:60px;}
.padL70{padding-left:70px;}
.padL80{padding-left:80px;}
.padL90{padding-left:90px;}
.padL100{padding-left:100px;}
.padR0{padding-right:0px;}
.padR3{padding-right:3px;}
.padR5{padding-right:5px;}
.padR7{padding-right:7px;}
.padR10{padding-right:10px;}
.padR15{padding-right:15px;}
.padR20{padding-right:20px;}
.padR25{padding-right:25px;}
.padR30{padding-right:30px;}
.padR40{padding-right:40px;}
.padR50{padding-right:50px;}
.padR60{padding-right:60px;}
.padR70{padding-right:70px;}
.padR80{padding-right:80px;}
.padR90{padding-right:90px;}
.padR100{padding-right:100px;}
.marT0{margin-top:0px;}
.marT3{margin-top:3px;}
.marT5{margin-top:5px;}
.marT7{margin-top:7px;}
.marT10{margin-top:10px;}
.marT15{margin-top:15px;}
.marT20{margin-top:20px;}
.marT25{margin-top:25px;}
.marT30{margin-top:30px;}
.marT40{margin-top:40px;}
.marT50{margin-top:50px;}
.marT60{margin-top:60px;}
.marT70{margin-top:70px;}
.marT80{margin-top:80px;}
.marT90{margin-top:90px;}
.marT100{margin-top:100px;}
.marB0{margin-bottom:0px;}
.marB3{margin-bottom:3px;}
.marB5{margin-bottom:5px;}
.marB7{margin-bottom:7px;}
.marB10{margin-bottom:10px;}
.marB15{margin-bottom:15px;}
.marB20{margin-bottom:20px;}
.marB25{margin-bottom:25px;}
.marB30{margin-bottom:30px;}
.marB40{margin-bottom:40px;}
.marB50{margin-bottom:50px;}
.marB60{margin-bottom:60px;}
.marB70{margin-bottom:70px;}
.marB80{margin-bottom:80px;}
.marB90{margin-bottom:90px;}
.marB100{margin-bottom:100px;}
.marL0{margin-left:0px;}
.marL3{margin-left:3px;}
.marL5{margin-left:5px;}
.marL7{margin-left:7px;}
.marL10{margin-left:10px;}
.marL13{margin-left:13px;}
.marL15{margin-left:15px;}
.marL20{margin-left:20px;}
.marL25{margin-left:25px;}
.marL30{margin-left:30px;}
.marL40{margin-left:40px;}
.marL50{margin-left:50px;}
.marL60{margin-left:60px;}
.marL70{margin-left:70px;}
.marL80{margin-left:80px;}
.marL90{margin-left:90px;}
.marL100{margin-left:100px;}
.marR0{margin-right:0px;}
.marR3{margin-right:3px;}
.marR5{margin-right:5px;}
.marR7{margin-right:7px;}
.marR10{margin-right:10px;}
.marR15{margin-right:15px;}
.marR20{margin-right:20px;}
.marR25{margin-right:25px;}
.marR30{margin-right:30px;}
.marR40{margin-right:40px;}
.marR50{margin-right:50px;}
.marR60{margin-right:60px;}
.marR70{margin-right:70px;}
.marR80{margin-right:80px;}
.marR90{margin-right:90px;}



.tpl-inner-wrap{
	width:960px;
	margin:0 auto;
	clear:both;
}
@media only screen and (max-width:640px){
.device-sp .tpl-inner-wrap{
	width:100%;
	margin-bottom:25px;
}
}

.tpl-inner-wrap img{
	max-width: 100%;
}


/* #tpl-header
----------------------------------------------------------- */
#tpl-header{
	width:100%;
	background:#FFF;
}
	#tpl-header .tpl-inner-wrap{
	}

/* #tpl-header-navi
----------------------------------------------------------- */
#tpl-header-navi{
	width:100%;
	background:#003163;
}
	#tpl-header-navi .tpl-inner-wrap{
	}


/* #tpl-topicpath
----------------------------------------------------------- */
#tpl-topicpath{
	width:100%;
}
	#tpl-topicpath ul{
		overflow:hidden;
		padding :20px 20px 15px;


		letter-spacing: -0.4em;
	}
	#tpl-topicpath ol{
		overflow:hidden;
		padding :20px 20px 15px;


		letter-spacing: -0.4em;
	}
		#tpl-topicpath li{
			letter-spacing: normal;

			display:inline-block;
			*display:inline;
			*zoom:1;

			line-height: 1;
			padding:0 15px 0 20px;
			background:url(/common/img/topicpath-cursor.png) left center no-repeat;

		}
		#tpl-topicpath li:first-child{
			padding-left: 0;
			background: none;
		}
		#tpl-topicpath li a{
			}

		#tpl-topicpath li strong{
			font-weight: normal;
		}

	@media only screen and (max-width:640px){
	.device-sp #tpl-topicpath{
		display:none;
	}
	}


/* #tpl-contents
----------------------------------------------------------- */

#tpl-contents{
}


/* #tpl-pagetop
----------------------------------------------------------- */
#tpl-pagetop{
	width:100%;
}
	#tpl-pagetop .tpl-inner-wrap{
	}


/* #tpl-bottom-banner
----------------------------------------------------------- */
#tpl-bottom-banner{
	width:100%;
	background: #E8571A url(/common/img/tpl-bottom-banner-bg.jpg) repeat-x left bottom;
	margin-top: 20px;
}
#tpl-bottom-banner:hover{
	background-image:  url(/common/img/tpl-bottom-banner-on-bg.jpg) repeat-x left bottom;
}
	#tpl-bottom-banner .tpl-inner-wrap{
	}



/* #tpl-footer
----------------------------------------------------------- */
#tpl-footer{
	color:#FFF;
	clear:both;
}
	#tpl-footer .tpl-inner-wrap{
		background:none;
		/*padding:20px 0 0;*/
	}


/* .header
----------------------------------------------------------- */
.header{
	width : 100%;
}
	.header-inner{
		width : 920px;
		padding : 20px;
		margin : 0 auto;
	}
		.header-top{
			width : 100%;
			background-color : #fff;
		}
		.logo{
			float : left;
		}
		.logo a{
			display:block;
		}
		.btn{
			float : right;
			width : 296px;
			height : 50px;
			background-image : url(/common/img/header/btnBack.png);
			text-align: center;
		}
		.btn:hover{
			background-image : url(/common/img/header/btnBack-on.png);
		}
			.btn a{
				display : block;
				color : #fff;
				line-height: 50px;
				font-size : 18px;
				margin-left: -13px;
				font-weight: bold;
			}
				.btn a span{
					font-size : 13px;
				}

			.btn a:hover{
				text-decoration: none;
			}

		.header-bottom{
			width : 100%;
			background-color : #003163;
		}
			.header-nav{
				width : 960px;
				margin : 0 auto;
			}
				.header-nav li{
					float : left;
					width : 320px;
					height : 80px;
					text-align: center;
					background-color:#003164;
				}
				.header-nav .topLink{
					/*width : 81px;*/
				}
					.header-nav li a{
						display : block;
						width : 100%;
						height : 100%;
						line-height: 80px;
						font-size : 16px;
						font-weight: bold;
						color : #fff;
					}
					.header-nav li.last a{
						background-color:#005FAA;
					}
					.header-nav li a:hover{
						background-color : #001D44;
						text-decoration: none;
					}
					.header-nav li.last a:hover{
						background-color : #00418D;
					}
					.header-nav li a.nav-active{
						background-color : #00418D;
						text-decoration: none;
					}
					.header-nav li a.is_active{
						background-color : #fff;
						color : #003163;
					}
	@media only screen and (max-width:640px){
	.device-sp .header{
		width : 100%;
	}
		.device-sp .header-inner{
			width: auto;
			padding : 10px;
			margin : 0 auto;
		}
			.device-sp .header-top{
				width : 100%;
				background-color : #fff;
			}
			.device-sp .logo{
				float : left;
				width: 91px;
				padding-top: 2px;
			}
			.device-sp .logo a{
				display:block;
			}
			.device-sp .logo img{
				max-width : 100%;
			}
			.device-sp .btn{
				float : right;
				width : 167px;
				height : 40px;
				text-align: center;
				background-image : url(/common/img/header/btnBack-sp.png);
				background-repeat:no-repeat;
				background-size:contain;
				margin-top: 2px;
			}
				.device-sp .btn a{
					display : block;
					padding: 3px 0 0 0;
					box-sizing: border-box;
					color : #fff;
					font-weight: bold;
					line-height: 35px;
					margin: 0px 0 0 -9px;
					font-size: 12px;
				}
					.device-sp .btn a span{
						font-size: 10px;
					}

				.device-sp .btn a:hover{
					text-decoration: none;
				}

			.device-sp .header-bottom{
				width : 100%;
				background-color: transparent;
			}
				.device-sp .header-nav{
					width : 100%;
					margin : 0 auto;

					background-color : #005FAA;
				}
				.device-sp .under-nav .header-nav{
					background-color: transparent;
				}

					.device-sp .header-nav li{
						float : left;
						/*width : 33%;*/
						width : 50%;
						height : auto;
						text-align: center;
					background-color:#003164;
					}
					.device-sp .header-nav .topLink{
						width : 81px;
						display:none;
					}
						.device-sp .header-nav li a{
							display : block;
							width : 100%;
							height : 90%;
							line-height: 160%;
							font-size : 100%;
							font-weight: bold;
							color : #fff;
							padding:10px 0;
						}
						.device-sp .header-nav li a:hover{
							background-color : #005FAA;
							text-decoration: none;
						}
						.device-sp .header-nav li a.is_active{
							/*background-color : #fff;
							color : #003163;*/
							background-color : #003164;
							color : #fff;
						}
					.device-sp  .header-nav li.last a:hover {
					}
	}


	@media only screen and (max-width:320px){
		.device-sp .header .btn{
			width: 152px;
		}
		.device-sp .header .btn a{
			margin: 0px 0 0 -6px;
			font-size: 9px;
			letter-spacing: -0.07em;
		}
	}


/* .megaMenu
----------------------------------------------------------- */
.megaMenu{
	background-color : #00418D;
	padding : 60px 0 15px;
	display:none;
}
	.megaMenu-inner-wrap{
		width : 920px;
		margin : 0 auto;
	position:relative;
	}

	.megaMenu-inner{
		width : 920px;
		margin : 0 auto;
	}
		.megaMenu-parts{
			/*width : 291px;*/
			width : 351px;
			float : left;
			margin-left : 23px;
		}
		.megaMenu-parts:first-child{
			margin-left : 0px;
		}
		.megaMenu-parts-card{
			/*width : 271px;*/
			width : 331px;
			height : 175px;
			padding : 10px 5px 10px 15px;
			background-color : #fff;
			background-image : url(/common/img/header/arrow.png);
			background-position : left 30px;
			background-repeat: no-repeat;
		}
		.megaMenu-parts-caption{
			font-size: 12px;
			color : #fff;
			line-height: 1.5;
			margin-top : 5px;
		}
			.megaMenu-parts-head{
				color : #005dac;
				font-weight : bold;
				font-size : 16px;
			}
			.megaMenu-parts-head.line-1{
				line-height: 1;
				padding-top : 22px;
				height : 38px;
			}
			.megaMenu-parts-head.line-2{
				line-height: 1.5;
				padding-top : 7px;
				height : 53px;
			}

			.megaMenu-parts-txt{
				line-height: 1.4;
				color : #005dac;
				font-size : 12px;
				height : 80px;
			}
			.megaMenu-parts-image{
				height : 30px;
			}
				.megaMenu-parts-thumbnail{
					float : left;
					width : 110px;
					height : 70px;
				}
				.megaMenu-parts-more{
					width : 250px;
					height : 30px;
					text-align: center;
				}
					.megaMenu-parts-more a{
						color : #fff;
						font-weight : bold;
						font-size: 12px;
						line-height: 30px;
						display: block;
						width : 250px;
						height : 30px;
					background-image : url(/common/img/header/moreBack.png);
					}
					.megaMenu-parts-more a:hover{
						text-decoration: none;
						background-image : url(/common/img/header/moreBack-on.png);
					}


					.megaMenu .megaMenu-inner-text{
						font-size: 16px;
						font-weight: bold;
						color: #FFF;

						position: absolute;

						top: -37px;
						left: 0;
					}
					.device-sp .megaMenu .megaMenu-inner-text{
						position: static;
						font-size: 12px;
						padding: 0 0 10px;
						width: 291px;
						margin: 0 auto;
					}
					.device-sp .under-nav .megaMenu .megaMenu-inner-text{
						padding: 0 10px 10px;
						width: auto;
					}

					.megaMenu-close{
						width:22px;
						height:22px;
						position:absolute;
						top:-42px;
						right:0%;
					}
					.megaMenu-close a{
						display:block;
						width:22px;
						height:22px;
					background-image : url(/common/img/header/menu-close.png);
					}
					.device-tb .megaMenu-close{
						width:22px;
						height:22px;
						position:absolute;
						top:-35px;
						right:0;
					}



@media screen and (max-width: 640px) {

.device-sp .megaMenu{
	background-color :#005FAA;
	padding : 10px 0 0;
/*	display:none;*/
}
	.device-sp .megaMenu-inner{
		width : 100%;
		margin : 0 auto;
		padding-bottom: 15px;
	}
	.megaMenu-inner-wrap{
		width : 100%;
		margin : 0 auto;
	}
		.device-sp .megaMenu-parts{
			width : 100%;
			float : none;
			margin-left : 0;
		}
		.device-sp .megaMenu-parts:first-child{
			margin-left : 0px;
			margin-bottom:3.125%;
		}
		.device-sp .megaMenu-parts-card{
			width : 271px;
			height : auto;
			padding : 10px 5px 10px 15px;
			background-color : #fff;
			background-image : url(/common/img/header/arrow-sp.png);
			background-position : left 10px;
			background-repeat: no-repeat;
			margin-right:auto;
			margin-left:auto;
			background-size:7px;
		}
		.device-sp .megaMenu-parts-caption{
			font-size: 12px;
			color : #fff;
			line-height: 1.5;
			margin-bottom : 5px;
			width:270px;
			margin-right:auto;
			margin-left:auto;
		}
			.device-sp .megaMenu-parts-head{
				color : #005dac;
				font-weight : bold;
				font-size : 115%;
			}
			.device-sp .megaMenu-parts-head.line-1{
				line-height: 1;
				padding-top : 0px;
				height : auto;
				margin-bottom:3.125%;
			}
			.device-sp .megaMenu-parts-head.line-2{
				line-height: 1.5;
				padding-top : 0px;
				height : auto;
				margin-bottom:3.125%;
			}

			.device-sp .megaMenu-parts-txt{
				line-height: 1.4;
				color : #005dac;
				font-size : 12px;
				height : auto;
				margin-bottom:15px;
			}
			.device-sp .megaMenu-parts-image{
				height : auto;
			}
				.device-sp .megaMenu-parts-thumbnail{
					float : left;
					width : 30%;
					height : auto;
				}
				.device-sp .megaMenu-parts-thumbnail img{
					max-width: 100%;
				}

				.device-sp .megaMenu-parts-more{
					width : 250px;
					height : 30px;
					margin-top : 10px;
					background-image : url(/common/img/header/moreBack.png);
					text-align: center;
				}
					.device-sp .megaMenu-parts-more a{
						color : #fff;
						font-weight : bold;
						font-size: 12px;
						line-height: 30px;
						display: block;
						width : 250px;
						height : 30px;
						background-image:none;
					}

					.device-sp .megaMenu-close{
						background-color:#003163;
						text-align:center;
						width:100%;
						height:auto;
						position:static;
					}

					.device-sp .megaMenu-close a{
						padding:3.125% 0;
						display:block;
						color:#fff;
						width:100%;
						font-size:125%;
						background-image:url(/common/img/header/close.png);
						background-repeat:no-repeat;
						background-position:115px center;
						background-size:5%;
					}



}



/* page-move */
/*----------------------------------------------------------- */

#page-move{
	padding:20px 0;
}
.pageBack,.pageTop{
	width:293px;
}
.pageBack a,.pageTop a{
	display:block;
	text-decoration:none;
	padding:10px 20px;
	background-repeat:no-repeat;
}
.pageBack{
	float:left;
}
.pageBack a{
	color:#000;
	background-image:url(/common/img/page-move/page-back.png);
	background-position:10px center;
	padding-left:30px;
	background-color:#F0F0F0;
}
.pageBack a:hover{
	background-color:#e9e9e9;
}
.pageTop{
	float:right;
	text-align:right;
}
.pageTop a{
	color:#fff;
	background-image:url(/common/img/page-move/page-top.png);
	background-position:270px center;
	padding-right:30px;
	background-color:#003163;
}
.pageTop a:hover{
	background-color:#001e44;
}


.device-sp #page-move{
	padding:3.125%;
	width:93.75%;
}
.device-sp .pageBack,.device-sp .pageTop{
	width:125px;
}
.device-sp .pageBack a,.device-sp .pageTop a{
	display:block;
	text-decoration:none;
	padding:5px 10px;
	background-repeat:no-repeat;
}
.device-sp .pageBack{
	float:left;
	background-color:#F0F0F0;
}
.device-sp .pageBack a{
	color:#000;
	background-image:url(/common/img/page-move/page-back.png);
	background-position:10px center;
	padding-left:30px;
}
.device-sp .pageTop{
	float:right;
	text-align:right;
	background-color:#003163;
}
.device-sp .pageTop a{
	color:#fff;
	background-image:url(/common/img/page-move/page-top.png);
	background-position: 105px center;
	padding-right:30px;
}





/* banner */
/*----------------------------------------------------------- */

.left{
	float:left;
}
.right{
	float:right;
}


.banner{
	width:100%;
	background-image:url(/common/img/tpl-bottom-banner-bg.jpg);
	background-repeat:repeat-x;
	margin-top:20px;
	margin-bottom:20px;
}
.banner:hover{
	background-image:url(/common/img/tpl-bottom-banner-on-bg.jpg);
}

.bannerInner{
	width:960px;
	margin:0 auto;
	display:block;
	padding:15px 0;
}
.bannerInner-left{
	float:left;
	width:620px;
}
.bannerInner-left .left{
	width:439px;
	padding:20px 0;
}
.bannerInner-left .right{
	width:144px;
	padding:10px 0;
}
.bannerInner-left .right img{
	width:100%;
}

.bannerInner-right{
	float:right;
	width:220px;
	padding:40px 0;
}
.bannerInner-right span{
	background-image:url(/common/img/banner/content-cursor.png);
	background-repeat:no-repeat;
	background-position:right center;
	display:block;
}
	@media only screen and (max-width:640px){

.device-sp .left{
	float:left;
}
.device-sp .right{
	float:right;
}
.device-sp .banner{
	width:100%;
	background-image:url(/common/img/tpl-bottom-banner-bg.jpg);
	background-repeat:repeat-x;
	margin-top:10px;
	margin-bottom:20px;
	padding:23px 0;
}

.device-sp .bannerInner{
	width:93.75%;
	margin:0 auto;
	padding:3.125%;
}
.device-sp .bannerInner img{
	max-width:100%;
}
.device-sp .bannerInner-left{
	float:none;
	width:100%;
}
.device-sp .bannerInner-left .left{
	width:68%;
	padding: 0;
}
.device-sp .bannerInner-left .right{
	width:28%;
	padding: 0;
	margin-top: -10px;
}


.device-sp .bannerInner-right{
	float:none;
	width:100%;
	padding: 0;
	text-align:right;
	margin-top:20px;
}
.device-sp .bannerInner-right img{
	width:40%;
	padding-right: 10px;
}
.device-sp .bannerInner-right span{
	background-image:url(/common/img/banner/content-cursor.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:contain;
	display:block;
	padding-right:18px;
	}

	}
/* footer */
/*----------------------------------------------------------- */

.footer{
	width:100%;
	font-size:14px;
}
.fs12{
	font-size:12px;
}

.footerInner{
	width:920px;
	margin:0 auto;
	padding:30px 40px 20px 70px;
	background-color:#000;
	box-sizing: border-box;
}
.footer .footerInner h2{
	margin-bottom:10px;
	color: #FFF;
	font-size: 17px;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif;
	line-height:100%;
}

.footer .footerInner .small{
	font-size: 12px;
}

.footer .footerInner .footerNotice{
	margin: 0 -5px 30px -35px;
	padding: 20px;
	background-color:#444444;
	box-sizing: border-box;
	color: #FFF;
	font-size: 14px;
}

.footer .footerInner .footerNotice .notice li{
	font-size: 12px;
	margin-top: 20px;
}

.footerInner-right{
	float:right;
	color:#fff;
	width:380px;
}
	.footerInner-right h2{
		margin-left: -0.65em;
	}
.footerInner-left{
	float:left;
	color:#fff;
}
.footerInner-left a,.footerInner-right a{
	color:#fff;
}
.footer-nav li{
	background-image:url(/common/img/footer/icon-cursor-white.png);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:15px;
	margin-bottom:10px;

	padding-right: 5px;
}
.footer-nav li a img{
	width:14px;
	vertical-align:middle;
}

.footer-Bottom{
	text-align:center;
	padding:30px 0;
}
.footer-Bottom a img{
	width:14px;
	vertical-align:middle;
}

.jr-logo{
	width:100%;
	text-align:right;
	float:right
}

.copy{
	color:#000;
}

	@media only screen and (max-width:640px){
.device-sp .footer{
	width:94%;
	font-size:14px;
	margin:0 auto;
}
.device-sp .fs12{
	font-size:12px;
}


.device-sp .footerInner{
	width:94%;
	margin:0 auto;
	padding:3%;
	background-color:#000;
}
.device-sp .footerInner h2{
	margin-bottom:4%;
	line-height:100%;
	padding-left: 0;
	font-size: 15px;
}

.device-sp .footer .footerInner .footerNotice{
	margin: 0 0 30px 0;
	padding: 10px;
}

.device-sp .footerInner-right{
	float:right;
	color:#fff;
	width:100%;
}
.device-sp .footerInner-left{
	float:left;
	color:#fff;
	width:100%;
	margin-bottom:10%;
}
.device-sp .footerInner-left a,.device-sp .footerInner-right a{
	color:#fff;
}
.device-sp .footer-nav li{
	background-image:url(/common/img/footer/icon-cursor-white.png);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left:15px;
	margin-bottom:10px;

	font-size: 14px;

	padding-right: 0;
}
.device-sp .footer-nav li a img{
	width:14px;
	vertical-align:middle;
}
.device-sp .footer-nav .left,.device-sp .footer-nav .right{
	width:100%;
	float: none;
}

.device-sp .footer-Bottom{
	text-align:center;
	padding:30px 0;
}
.device-sp .footer-Bottom p{
	line-height:160%;
}

.device-sp .jr-logo{
	width:100%;
	text-align:right;
	float:right
}

.device-sp .copy{
	font-size:10px;
	margin-top:3%;
	color:#000;
}

	}






/* インデント関係 */

.padL-1em{
	padding-left:1em;
}
.padL-1em p,.padL-1em li{
	text-indent:-1em;
}


.device-sp .padL-1em{
	padding-left:1em;
	width:94%;
}
.device-sp .padL-1em p,.padL-1em li{
	text-indent:-1em;
}


/* インデント関係 */


.page-personal #li02 a{
	background-color : #fff;
	color : #003163;
}

.page-corporate #li03 a,
.page-corporate-business #li03 a,
.page-corporate-model01 #li03 a,
.page-corporate-model02 #li03 a,
.page-corporate-model03 #li03 a{
	background-color : #fff;
	color : #003163;
}


.page-member-personal #menuOpen a,
.page-member-corporate01-booklet #menuOpen a,
.page-member-corporate02-booklet #menuOpen a,
.page-member-corporate02-regulation #menuOpen a,
.page-member-privileges #menuOpen a,
.page-member-privileges-tours #menuOpen a,
.page-member-privileges-cjr-hotels #menuOpen a,
.page-member-privileges-rental-car #menuOpen a,
.page-member-privileges-station-building #menuOpen a{
	background-color : #fff;
	color : #005FAA;
}


.device-sp.page-personal #li02 a{
	background-color : #003163;
	color : #fff;
}

.device-sp.page-corporate #li03 a,
.device-sp.page-corporate-business #li03 a,
.device-sp.page-corporate-model01 #li03 a,
.device-sp.page-corporate-model02 #li03 a,
.device-sp.page-corporate-model03 #li03 a{
	background-color : #003163;
	color : #fff;
}


.device-sp.page-member-personal #menuOpen a,
.device-sp.page-member-corporate01-booklet #menuOpen a,
.device-sp.page-member-corporate02-booklet #menuOpen a,
.device-sp.page-member-corporate02-regulation #menuOpen a,
.device-sp.page-member-privileges #menuOpen a,
.device-sp.page-member-privileges-tours #menuOpen a,
.device-sp.page-member-privileges-cjr-hotels #menuOpen a,
.device-sp.page-member-privileges-rental-car #menuOpen a,
.device-sp.page-member-privileges-station-building #menuOpen a{
	background-color:#005FAA;
	color : #fff;
}



/*slidebars*/

/* -----------------------------------
 * Slidebars
 * Version 0..10
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * ----------------------------
 * 001 - Box Model, Html & Body
 */

html, body.device-sp,.device-sp #sb-site,.device-sp .sb-site-container,.device-sp .sb-slidebar {
	/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}


html.device-sp-html, body.device-sp {
	width: 100%;
	overflow-x: hidden; /* Stops horizontal scrolling. */
}

html {
	height: 100%; /* Site is as tall as device. */
}

body.device-sp {
	min-height: 100%;
	height: auto;
	position: relative; /* Required for static Slidebars to function properly. */
}

html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden; /* Prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
}

/* ----------
 * 002 - Site
 */

.device-sp #sb-site,.device-sp .sb-site-container {
	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
	width: 100%;
	position: relative;
	z-index: 100; /* Site sits above Slidebars */
	background-color: #ffffff; /* Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
}

/* ---------------
 * 003 - Slidebars
 */

.device-sp .sb-slidebar {
	height: 100%;
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	position: fixed;
	top: 0;
	z-index: 0; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */

	background: rgba(0,48,100,1);
	background: -moz-linear-gradient(left, rgba(0,48,100,1) 0%, rgba(0,42,91,1) 97%, rgba(0,24,62,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,48,100,1)), color-stop(97%, rgba(0,42,91,1)), color-stop(100%, rgba(0,24,62,1)));
	background: -webkit-linear-gradient(left, rgba(0,48,100,1) 0%, rgba(0,42,91,1) 97%, rgba(0,24,62,1) 100%);

	-webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */
}

.device-sp .sb-left {
	left: 0; /* Set Slidebar to the left. */
}

.device-sp .sb-right {
	right: 0; /* Set Slidebar to the right. */
}

html.sb-static .device-sp .sb-slidebar,
.device-sp .sb-slidebar.sb-static {
	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.device-sp .sb-slidebar.sb-active {
	display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */

}

.device-sp .sb-style-overlay {
	z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.device-sp .sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
.device-sp .sb-slidebar {
		width: 30%;
	}

.device-sp .sb-width-thin {
		width: 15%;
	}

	.device-sp .sb-width-wide {
		width: 45%;
	}

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
	.device-sp .sb-slidebar {
		width: 80%;
	}

	.device-sp .sb-width-thin {
		width: 55%;
	}

	.device-sp .sb-width-wide {
		width: 85%;
	}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
	.device-sp .sb-slidebar {
		width: 55%;
	}

	.device-sp .sb-width-thin {
		width: 40%;
	}

	.device-sp .sb-width-wide {
		width: 70%;
	}
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
	.device-sp .sb-slidebar {
		width: 40%;
	}

	.device-sp .sb-width-thin {
		width: 25%;
	}

	.device-sp .sb-width-wide {
		width: 55%;
	}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
	.device-sp .sb-slidebar {
		width: 30%;
	}

	.device-sp .sb-width-thin {
		width: 15%;
	}

	.device-sp .sb-width-wide {
		width: 45%;
	}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
	.device-sp .sb-slidebar {
		width: 20%;
	}

	.device-sp .sb-width-thin {
		width: 5%;
	}

	.device-sp .sb-width-wide {
		width: 35%;
	}
}

/* ---------------
 * 004 - Animation
 */

.device-sp .sb-slide,.device-sp #sb-site, .device-sp .sb-site-container, .device-sp .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition: -moz-transform 400ms ease;
	     -o-transition: -o-transform 400ms ease;
	        transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */

.device-sp .sb-hide {
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}





/* under-nav.css */

.under-nav .header-left{
	width:200px;
	float:left;
}


/*SP*/


.device-sp .under-nav .header-left{
	width:142px;
	float:left;
}
.device-sp .under-nav .header-left .navBtn{
	height:40px;
	width:40px;
	background-image:url(/common/img/header/under-nav/nav.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	display:block;
	background-size:40px;
	float:left;
	cursor:pointer;
}
.device-sp .under-nav .header-left .navBtn.sp-close{
	background-image:url(/common/img/header/under-nav/close.jpg);
}
.device-sp .under-nav .header-left .navBtn img{
	width:40px;
}
.device-sp .under-nav .header-left .logo{
	margin-left:10px;
	margin-top:5px;
}

.device-sp .under-nav .header-top {
  box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
/*	margin-bottom:15px;*/
	height:60px;
}

.device-sp .under-nav .header{
	z-index:500;
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
}
.device-sp .under-nav .header-inner{
	background-color:#fff;
}

.device-sp #sb-site{
	margin-top:62px;
}


.device-sp .under-nav .header-nav li{
	float:none;
	background-color:#003164;
	width:98%;
}
	.device-sp .under-nav .header-nav li a{
		font-size: 17px;
	}
.device-sp .under-nav #li02{
	border-top: 1px solid #FFF;

	-webkit-box-shadow: inset 0px 10px 5px -8px rgba(0,18,53,1);
	-moz-box-shadow: inset 0px 10px 5px -8px rgba(0,18,53,1);
	box-shadow: inset 0px 10px 5px -8px rgba(0,18,53,1);
}
.device-sp .under-nav #li03 a,
.device-sp .under-nav #menuOpen a{
	-webkit-box-shadow: inset 0px 10px 5px -8px rgba(0,18,53,1);
	-moz-box-shadow: inset 0px 10px 5px -8px rgba(0,18,53,1);
	box-shadow: inset 0px 10px 5px -8px rgba(0,18,53,1);
}

.device-sp .under-nav .header-nav li:first-child{
	border-top:none;
	padding-left:3.125%;
}
.device-sp .under-nav .header-nav li:first-child a{
	background-color:#003164;
}
.device-sp .under-nav .megaMenu-close{
	display:none;
}
.device-sp .under-nav .megaMenu-inner-wrap{
	background-color:#005FAA;
}

.device-sp .under-nav .header-nav{
	width:auto;
}

.device-sp .under-nav .header-nav .only-sp{
	display:none;
}
.device-sp body{
	min-width:0;
}
.device-sp .under-nav .megaMenu{
	display:block;
	width:98%;
}
.device-sp .under-nav .megaMenu-parts-card{
	width:88.75%;
	padding:3.125%;
}
.device-sp .under-nav .megaMenu-parts-more{
	width:100%;
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	margin-top:0;
}
.device-sp .under-nav .megaMenu-parts-more a{
	width:100%;
}
.device-sp .under-nav .megaMenu-parts-caption{
	width:93.75%;
}

.device-sp .under-nav .header-nav .topLink{
	display:block;
	width:100px;
}
.device-sp .under-nav .header-nav li a img{
	max-width:100%;
}
.device-sp .under-nav .header-nav li a{
	width:93.75%;
	padding:10px 3.125%;
	text-align:left;
}
.device-sp .under-nav .megaMenu-parts-txt{
	margin-bottom:5px;
}

.device-sp .under-nav .header-nav img.only-sp{
	display:block;
}