/*----------------------------------------------------------------------------------*/
/*                                                                                  */
/*  COMMON STYLE                                                                    */
/*                                                                                  */
/*----------------------------------------------------------------------------------*/

/* ================================================================================ */
/*  1.COMMON                                                                        */  
/* ================================================================================ */

/* -------------------------------------------------------------------------------- */
/*  1-1.COLLUMN                                                                     */  
/* -------------------------------------------------------------------------------- */

#container{
	width:100%;
	min-height: 100%;
	position:relative;
	}

main{
	display:block;
	padding-top:140px;
	padding-bottom: 880px; /*footer + bottom*/
	}

main.non--main{
	padding-top:110px;
	padding-bottom: 120px; /*footer + bottom*/
	}

main.non--side{
	padding-top:110px;
	padding-bottom: 750px; /*繧ｵ繧､繝峨ヰ繝ｼ縺後≠繧句�ｴ蜷医�菴呵ｨ医↑菴咏區隗｣豸育畑*/
	}

main.col--gray{
	background-color:#f6f6fa;
	}

.main-inner{
	width:1040px;
	margin:0 auto;
	}

.main--contents{
	width:780px;
	float:left;
	}

.comInner{
	width:1040px;
	margin:0 auto;
	}

main .main-inner .main--contents {
}



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

	main{
		padding-bottom: 100px; /*footer + bottom*/
		padding-top:60px;
		}
	
	main.non--main{
		padding-top:60px;
		padding-bottom: 100px; /*footer + bottom*/
		}
	
	main.non--side{
		padding-top:60px;
		padding-bottom: 100px; 
		}
	
	.main--sp{
		padding-bottom:0;
		}
	
	.main-inner{
		width:100%;
		}
	
	.main--contents{
		width:100%;
		float:none;
		}
	
	.comInner{
		width:100%;
		}	
	}



/* -------------------------------------------------------------------------------- */
/*  1-2.HEADER                                                                      */  
/* -------------------------------------------------------------------------------- */

header{
	width:100%;
	height:140px;
	background:#fff;
	position: fixed;
	z-index:100000000;
	border-bottom:solid 1px #ededee;
	box-sizing: border-box;
	}

#container header.header--non{
	height:110px;
	}

header h1 a{
	width: 320px;
	height: 34px;
	background: url(/common/img/logo.gif) no-repeat;
	position: absolute;
	top: 51px;
	display: block;
	/*left: -75px;*/
	}

header h1 + p{
	position:absolute;
	top:22px;
	font-size:11px;
	font-size:1.1rem;
	}

header div.header--inner{
	width:1040px;
	margin:0 auto;
	position:relative;
	}

header div.header--inner2{
	height:93px;
	position:relative;
	width:1040px;
	margin:0 auto;
	}

#container div.header--non--inner{
	height:63px;
	position:relative;
	}

header div.header--inner2 ul , #container div.header--non--inner ul{
	position:absolute;
	right: 140px;
	}

header div.header--inner2 ul li{
	float:left;
	}

.kaiin--nav{
	position:absolute;
	top:17px;
	}

.kaiin--nav > li.username{
	margin-right:15px;
	background:url(/common/img/icon_user.gif) no-repeat 5px;
	padding:0 10px 0 20px;
	border-bottom:dotted 1px #888;
	}

.kaiin--nav > li a{	
	padding:2px 15px;
	text-decoration: none;
	}

.kaiin--nav > li a.btn--login , .kaiin--nav > li a.btn--mypage{
	border-radius:5px 0 0 5px / 5px 0 0 5px;
	border-left:solid 1px #c8c8c8;
	border-top:solid 1px #c8c8c8;
	border-bottom:solid 1px #c8c8c8;
	background:url(/common/img/bg_search.gif) repeat-x bottom;
	color:#fff;
	}

.kaiin--nav > li a.btn--logout{
	border-left:solid 1px #c8c8c8;
	border-top:solid 1px #c8c8c8;
	border-bottom:solid 1px #c8c8c8;
	background:url(/common/img/bg_search.gif) repeat-x bottom;
	color:#fff;
	}

.kaiin--nav > li a.btn--annai{
	border-radius:0 5px 5px 0 / 0 5px 5px 0;
	/*border-radius:5px;*/
	border:solid 1px #c8c8c8;
	background:url(/common/img/bg_btn_01.gif) repeat-x bottom;
	color:#333;
	}


.close--nav{
	position:absolute;
	top:45px;
	}

.close--nav{
	position:absolute;
	top:45px;
	}

.close--nav > li a.btn--close{
	font-size:12px;
	font-size:1.2rem;
	text-decoration:none;
	color:#333;
	padding-left:12px;
	margin-right:30px;
	background:url(/common/img/icon_arrow_s_01.gif) no-repeat left center;
	}

.site--nav{
	position:absolute;
	top: 55px;
	}

.site--nav a{
	font-size:12px;
	font-size:1.2rem;
	text-decoration:none;
	color:#333;
	padding-left:12px;
	margin-left:30px;
	background:url(/common/img/icon_arrow_s_01.gif) no-repeat left center;
	}

.youtube--channel{	
	position: absolute;
	top: 17px;
	right: 0;
}

.youtube--channel > a{
	display: block;
	width: 121px;
	height: 57px;
	background-image: url(/common/img/bnr_youtube_channel.png);
	background-repeat: no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.search{
    display:none;
    }

@media screen and (max-width: 640px) {
	header , #container header.header--non{
		height:60px;
		}
	
	header h1 a{
		width:150px;
		height:39px;
		background-image:url(/common/img/sp/logo.gif);
		background-repeat:no-repeat;
		background-size: contain;
		position:absolute;
		top:10px;
		left:10px;
		}
	
	header h1 + p{
		display:none;
		}
	
	header div.header--inner{
		width:100%;
		height:60px;
		}
	
	header div.header--inner2{
		width:100%;
		}

	header div.header--inner2 ul{
		right:60px;
		}
	
	.kaiin--nav{
		top:0px;
		}
	
	.kaiin--nav > li a{	
		padding:0;
		}
	
	.kaiin--nav > li.username{
		display:none;
		}
	
	.kaiin--nav > li a.btn--login , 
	.kaiin--nav > li a.btn--logout,
	.kaiin--nav > li a.btn--mypage{
		width:60px;
		height:60px;
		border-radius:0;		
		border-top:none;
		border-bottom:none;
		background-color:#080c7c;		
		background-repeat: no-repeat;
		background-position: center;
		background-size:contain;
		display:block;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		}
	
	.kaiin--nav > li a.btn--login{background-image: url(/common/img/sp/icon_login.gif);border-left:none;}
	.kaiin--nav > li a.btn--logout{background-image: url(/common/img/sp/icon_logout.gif);border-left:solid 1px #5d60b3;}
	.kaiin--nav > li a.btn--mypage{background-image: url(/common/img/sp/icon_mypage.gif);border-left:none;}
	
	.kaiin--nav > li a.btn--annai{
		display:none;
		}
	
	.site--nav , .close--nav{
		display:none;
		}
	
	.youtube--channel{	
		display: none;
	}
	
}


/* -------------------------------------------------------------------------------- */
/*  1-3.GROBAL NAV                                                                  */  
/* -------------------------------------------------------------------------------- */

.grayLayer {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 150%;
	background: rgba(0, 0, 0, 0.9);
}

.gnav {
	width:1040px;
	margin:0 auto;
	border-top:solid 1px #eee;	
	
}

.gnav > li {
	text-align: center;
	float: left;
	width:148px;
	box-sizing: border-box;
}

.gnav > li.gnav--list--first{
	width:152px;
	}

.gnav > li p.gnav--menu{
	line-height:45px;
	font-weight:bold;
	display: block;
	cursor:pointer;
	}

.gnav > li p#gnav--menu1{background:url(/common/img/btn_gnav_01.gif) no-repeat;}
.gnav > li p#gnav--menu2{background:url(/common/img/btn_gnav_02.gif) no-repeat;}
.gnav > li p#gnav--menu3{background:url(/common/img/btn_gnav_03.gif) no-repeat;}
.gnav > li p#gnav--menu4{background:url(/common/img/btn_gnav_04.gif) no-repeat;}
.gnav > li p#gnav--menu5{background:url(/common/img/btn_gnav_05.gif) no-repeat;}
.gnav > li p#gnav--menu6{background:url(/common/img/btn_gnav_06.gif) no-repeat;}
.gnav > li p#gnav--menu7{background:url(/common/img/btn_gnav_07.gif) no-repeat;}


.gnav li div.gnav--sub{
	width: 100%;
	display:none;
}

.gnav li:hover div.gnav--sub{
	display: block; /*js縺ｧ繧ょ宛蠕｡*/
	width:100%;	
	position:absolute;
	top:139px;
	left:0;
	background:url(/common/img/bg_03.gif);
	height:auto;
	}

/*js-menu-anc逕ｨ*/
.gnav li:hover div.gnav--sub.active{ 
	display: none;
}

.gnav--sub div.gnav--sub2{
	width:1040px;	
	text-align:left;
	padding:20px;
	box-sizing: border-box;
	/*border-bottom:10px solid #261081;*/
	position:relative;
	}

.gnav--sub div.gnav--sub2 > div{
	background-color:#fff;
	width:740px;
	box-sizing:border-box;
	padding:30px 40px;
	margin-left:260px;
	border-radius:8px;
	}

.gnav--sub .gnav--subttl{
	position:absolute;
	top:60px;
	left:40px;
	width:194px;
	height:46px;
	background-repeat: no-repeat;
	}

.gnav--sub .gnav--subttl1{background-image:url(/common/img/gnav_ttl_01.png);}
.gnav--sub .gnav--subttl2{background-image:url(/common/img/gnav_ttl_02.png);}
.gnav--sub .gnav--subttl3{background-image:url(/common/img/gnav_ttl_03.png);}
.gnav--sub .gnav--subttl4{background-image:url(/common/img/gnav_ttl_04.png);}
.gnav--sub .gnav--subttl5{background-image:url(/common/img/gnav_ttl_05.png);}
.gnav--sub .gnav--subttl6{background-image:url(/common/img/gnav_ttl_06.png);}
.gnav--sub .gnav--subttl7{background-image:url(/common/img/gnav_ttl_07.png);}

.gnav--sub div.gnav--sub2 > div ul{
	float:left;
	width:300px;	
	}

.gnav--sub div.gnav--sub2 > div ul.gnavmg{
	margin-right:40px;
	}

.gnav--sub div.gnav--sub2 > div ul li a{
	color:#333;
	text-decoration:none;
	background:url(/common/img/ico_gnav.gif) no-repeat 0 11px;
	padding: 7px 0px 7px 20px;
	display:block;
	font-size:14px;
	fons-size:1.4rem;
	width:100%;
	border-bottom:dotted 1px #b4b4b4;
	box-sizing: border-box;
	line-height:1.6em;
	}

.gnav--sub div.gnav--sub2 > div ul li a.small{
	font-size:13px;
	fons-size:1.3rem;	
}

.gnav--sub div.gnav--sub2 > div ul li a.indent{
	background:url(/common/img/ico_gnav.gif) no-repeat 20px 11px;
	padding:8px 0px 8px 40px;
	}

.gnav--sub div.gnav--sub2 > div ul li a:hover{
	color:#485baf;
	}

.gnav--midashi{
	background-color:#3d51a6;
	color:#fff;
	box-sizing: border-box;
	padding-left: 10px;
	border-radius: 3px;
	margin-bottom: 7px;	
	}

#container .gnav--midashi a{
	background-color:#3d51a6;
	background-image: none;
	color:#fff;
	box-sizing: border-box;
	padding:2px 0 2px 0 !important;
	border-radius:3px;
	margin-bottom:10px;	
	border-bottom:none;
}

#container .gnav--midashi--mg a{
	border-bottom:none;
	margin-bottom:20px;
	}


@media screen and (min-width: 641px) {
	.grayLayer{
		display: none !important;
		}
	
	.gnav{
		display:block !important;
		height:auto !important;
	}
	
	.gnav li {
		display: block !important;
	}
	
	.gnav > li a.gnav--link{
		display: none !important;
	}
	
	.iconBars {
		display: none !important;
	}

	.iconClose {
		display: none !important;
	}
	
}


@media screen and (max-width: 640px) {
	/*last delete
		.grayLayer{
		display: block !important;
		}*/
	
	.gnav {
		display:none;
		position:fixed;
		overflow: auto;
		top: 60px;
		left: 0;
		width:100%;
		z-index: 200000000;	
		height:600px; /* jquery */
		padding-top:25px;
		padding-bottom:25px;
		box-sizing: border-box;
		}
	
	.gnav > li{
		margin-bottom:20px;
		}
	
	.gnav > li:last-child{
		margin-bottom:30px;
		}
	
	.gnav > li a.gnav--link{
		display: block;
		padding:10px 0px 10px 30px;
		margin-bottom:20px;
		text-decoration:none;
		text-align:left;
		color:#000;
		font-weight:bold;
		background:#fff url(/common/img/ico_gnav.gif) no-repeat 14px 14px;
		}
	
	.gnav > li p.gnav--menu{
		cursor:none;
		color:#fff;
		text-align:left;
		box-sizing: border-box;
		padding-left:10px;
		line-height:35px;
		}
	
	.gnav > li p#gnav--menu1 , .gnav > li p#gnav--menu2 ,
	.gnav > li p#gnav--menu3 , .gnav > li p#gnav--menu4 ,
	.gnav > li p#gnav--menu5 , .gnav > li p#gnav--menu6 ,
	.gnav > li p#gnav--menu7{
		background-image:url(/common/img/bg_03.gif);
		background-repeat:repeat;
		}
	
	.gnav > li p#gnav--menu6 ,.gnav > li p#gnav--menu7{
		margin-bottom:8px;
		}
	
	.gnav > li {
		display:block;
		float:none;
		width:90% !important;
		margin-left:auto;
		margin-right:auto;
		}
	
	.gnav li div.gnav--sub {
		width:100%;	
		display:block;
		position:static;
		height:auto;
		}
	
	.gnav--midashi{
		background-color:#373737;
		padding:2px 10px;
		border-radius:0;
		border:solid 1px #4e4c4c;
		font-size:1.2rem;
		font-weight:bold;
		}
	
	.gnav li:hover div.gnav--sub{
		display:block;
		width:100%;	
		position:relative;
		top:0;
		background:none;
		}	
	
	.gnav--sub div.gnav--sub2{
		width:100%;	
		position:static;
		padding:0px;
		}
	
	.gnav--sub div.gnav--sub2 > div{
		background:none;
		width:100%;
		padding:0;
		margin-left:0;
		border-radius:0;
		}

	.gnav--sub .gnav--subttl{
		display:none;
		}
	
	.gnav--sub div.gnav--sub2 > div ul{
		float:none;
		width:100%;	
		}
	
	.gnav--sub div.gnav--sub2 > div ul.gnavmg{
		margin-right:0;
		border-bottom:dotted 1px #787878;
		}
	
	.gnav--sub div.gnav--sub2 > div ul li a{
		color:#fff;
		background:url(/common/img/sp/ico_gnav.png) no-repeat 14px 17px;
		padding:10px 0px 10px 30px;
		border-bottom:dotted 1px #787878;
		}
	
	.gnav--sub div.gnav--sub2 > div ul li a.indent{
		background:url(/common/img/sp/ico_gnav.png) no-repeat 30px 11px;
		padding:8px 0px 8px 50px;
		}	
	
	.gnav--sub div.gnav--sub2 > div ul li:last-child a{
		border-bottom:none;
		}	
	
	.sp--menu {
		display: block;
		position: fixed;
		top: 0px;
		right: 0px;
		height: 60px;
		cursor: pointer;
		width: 60px;
		z-index:20000000;
		background-image:url(/common/img/sp/icon_menu.gif);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
		}

	.sp--menu--close {
		width: 60px;
		height: 60px;
		display: none;
		position: fixed;
		top: 0px;
		right: 0;
		z-index: 1000;
		cursor: pointer;
		background-image:url(/common/img/sp/icon_menu_close.gif);
		background-repeat:no-repeat;
		background-position:center;
		background-size:contain;
	}
	
	.sp--gnavmg--none{
		border-bottom:none !important;		
		margin-bottom:20px;
		}
	
	.sp--gnavmg--none2{
		border-bottom:none !important;	
		}

}

/* -------------------------------------------------------------------------------- */
/*  1-4.FOOTER                                                                      */  
/* -------------------------------------------------------------------------------- */

footer {
	width:100% ;
	height:730px;
	margin:-730px auto 0px auto;
	clear:both;
    background:#fff;
	box-sizing: border-box;
	position:relative;
	}

footer.non--footer{
	width:100% ;
	height:120px;
	margin:-120px auto 0px auto;
	clear:both;
    background:#fff;
	box-sizing: border-box;
	position:relative;
	}

.footerInner{
	background-color:#3f4d5a;
	padding:70px 0 20px;
	border-top:solid 15px #4c5c6a;
	}

.footerInner ul{
	margin-bottom:50px;
	width:210px;
	float:left;
	margin-right:40px;
	}

.footerInner li{
	margin-bottom:3px;
	font-size:12px;
	font-size:1.2rem;
	margin-left:1em;
	background:url(/common/img/icon_foot_nav.png) no-repeat 0px 5px;
	padding-left:15px;
	}

.footerInner ul > li:first-child{
	margin-left:0;
	margin-bottom:10px;
	font-size:14px ;
	font-size:1.4rem;
	color:#fff;
	font-weight:bold;
	border-left:solid 3px #fff;
	padding-left:10px;
	background:none;
	}

.footerInner ul li.ft--nav--midashi{
	background:url(/common/img/bg_ft_midashi.gif);
	color:#fff;
	line-height:1em;
	margin-bottom:8px;
	font-weight:bold;
	}

.footerInner ul li.ft--nav--midashi span , .footerInner ul li.ft--nav--midashi a{
	padding-top:5px;
	padding-bottom:3px;
	display:inline-block;
	}

.footerInner ul li.ft--nav--midashi a{
	display:block;
}

.footerInner ul li.ft--nav--mg{
	margin-bottom:15px;
	}

.footerInner li a{
	text-decoration:none;
	color:#fff;
	}

.footNav{
	background-color:#343e48;
	padding:20px 0;
	text-align: center;
	}

.footNav ul{
	font-size:0;	
	}

.footNav li{
	display:inline-block;
	padding:0 30px;
	border-right:solid 1px #4b5966;
	font-size:1.4rem;
	}

.footNav ul li:first-child{
	border-left:solid 1px #4b5966;
	}

.footNav li a{
	color:#fff;
	text-decoration:none;
	}

.copy{
	width:1040px;
	margin:0 auto;
	text-align:center;
	padding:30px 0;
	position:relative;
	}

.copy p:first-child{
	margin-bottom:5px;
	}

.copy p:first-child span{
	font-weight:bold;
	}


@media screen and (max-width: 640px) {
	footer {
		height:auto;
		margin:0px auto 60px auto;
		position:relative;
		}
	
	.footerInner{
		display:none;
		}

	.footNav li{
		padding:0 5px;
		font-size:1.2rem;
		}
	
	.copy{
		width:100%;
		font-size:1.2rem;
		}
	
	.copy p:first-child span{
		display:block;
		}
}


/* -------------------------------------------------------------------------------- */
/*  1-5.SIDEBAR                                                                     */  
/* -------------------------------------------------------------------------------- */

.sidebar{
	width:210px;
	float:right;
	box-sizing: border-box;
	}

.sidebar--on{
	position:relative;
	top:-130px;
	}

.sidebar--nav{
	margin-bottom:40px;
	}

.sidebar--nav li{
	border-left:solid 1px #d9dce0;
	border-right:solid 1px #d9dce0;
	box-sizing: border-box;
	background:url(/common/img/bg_sidenav.gif) repeat-y right;
	/*background-color:#eef3fd;*/
	}

.sidebar--nav li:first-child{
	background:url(/common/img/bg_03.gif);
	color:#fff;
	border-top:3px solid #1f2a9b;
	border-left:none;
	border-right:none;
	box-sizing: border-box;
	height:70px;
	line-height:70px;
	padding-left:15px;
	}

.sidebar--nav li.sidebar--midashi{
	/*background-color:#efeef3;
	color:#1b2551;*/
	background-color:#efeef3;
	color:#1b2551;
	font-size:1.2rem;
	font-weight:bold;
	padding:3px 0px 3px 15px;
	}

.sidebar--nav li a{
	display:block;
	box-sizing: border-box;
	padding:15px 15px 15px 30px;
	color:#333;
	/*border-bottom:solid 1px #d9dce0;*/
	border-bottom:solid 1px #e0e3e8;
	text-decoration: none;
	line-height:1.5em;
	background:url(/common/img/ico_gnav.gif) no-repeat 15px 19px;
	}

.sidebar--nav li a span{
	font-size:1.2rem;
}

.sidebar--nav li a.line{
	border-bottom-width:3px;
	}

.sidebar--mail{
	border:solid 1px #d9dce0;
	margin-bottom:20px;
	}

.sidebar--mail div{
	border:solid 3px #fff;
	background:#d7ecfa url(/common/img/sidebar_mail.gif) no-repeat;
	padding-top:170px;
	padding-bottom:15px;
	}

.sidebar--mail div ul{
	width:180px;
	margin:0 auto;
	}

.sidebar--mail div ul li:first-child{
	border-bottom:dotted 1px #d9dce0;
	}

.sidebar--mail div ul li a{
	background:#fff url(/common/img/ico_gnav.gif) no-repeat 8px 20px;
	padding:15px 10px 15px 25px;
	display:block;
	text-decoration:none;
	color:#333;
	}

.sidebar--mail div ul li a span{
	font-size:12px;
	font-size:1.2rem;
	}


@media screen and (max-width: 640px) {
	.sidebar{
		display:none;
	}
}

/* -------------------------------------------------------------------------------- */
/*  1-6.MAINTTL                                                                     */  
/* -------------------------------------------------------------------------------- */

.mainttl{
	margin-bottom:60px;
	box-sizing: border-box;
	background:#fff url(/common/img/bg_sub.gif);
	/*border-bottom:solid 3px #ccc;*/
	}

.mainttl.mypage{
	background:#fff url(/common/img/bg_sub_02.gif);
	}

.mainttl.non--head{
	background:#fff url(/common/img/bg.gif);
	}

.mainttl div:first-child{
	padding-top:12px;
	width:1040px;
	height:150px;
	margin:0 auto;
	position: relative;
	box-sizing: border-box;
	}

.mainttl.non--head div:first-child{
	height:100px;
	}

.mainttl h2{
	width:auto;
	position:absolute;
	bottom:0;
	font-size:3.2rem;
	font-family: YuGothic,'Yu Gothic';
	height:65px;
	border-bottom:solid 10px #485baf;
	line-height:1em;
	box-sizing: border-box;
	}

.mainttl h2 > span.small--ttl{
	font-size:2.5rem;
	}

.mainttl h2 > span span.small{
	font-size:2rem;
	}

.topicsPath a{
	color:#1e68d5;
	}

.topicsPath li{
	font-size:12px;
	font-size:1.2rem;
	float:left;
	padding-left:17px;
	background:url(/common/img/ico_topicspass_02.png) no-repeat 0 2px;
	margin-right:15px;
	}

.topicsPath li:first-child{
	padding-left:20px;
	background:url(/common/img/ico_topicspass.png) no-repeat 0 2px;
	}

@media screen and (max-width: 640px) {
	.mainttl{
		margin-bottom:30px;
		box-sizing: border-box;
		background:#fff url(/common/img/bg.gif);
	}
	
	.mainttl.mypage{
		background:#fff url(/common/img/bg_04.gif);
		}
	
	.mainttl--sp{
		margin-bottom:0;
		}
	
	.mainttl div:first-child , .mainttl.non--head div:first-child{
		padding-top:0px;
		width:100%;
		height:auto;
		margin:0 auto;
	}
	
	.mainttl h2{
		width:auto;
		position:relative;
		font-size:1.8rem;
		height:auto;
		border-left:solid 10px #485baf;
		border-bottom:none;
		padding:10px 0 10px 15px;
		line-height:1.5em;
	}
	
	.mainttl h2 > span.small--ttl{
		font-size:1.4rem;
		}
	
	.mainttl h2 > span span.small{
		font-size:1.4rem;
		}
	
	.topicsPath{
		display:none;
	}
}


/* ================================================================================ */
/*  2.PAGE TOP                                                                      */  
/* ================================================================================ */

#page-top {
	width:100px;
	height:80px;
    position: fixed;
    bottom: 20px;
    margin-left: 940px;
    font-size: 77%;
	}

#page-top p{
	/*width:1040px;
	margin:0 auto;
	position:relative;*/
	}

#page-top a {
    background-color: #fff;
	background-image:url(/common/img/icon_pagetop.png);
	background-repeat: no-repeat;
	background-position:center 23px;
    text-decoration: none;
    color: #4a5caf;
    width: 100px;
	height:80px;
    text-align: center;
    display: block;
    border-radius: 5px;
	/*position:absolute;
	right:0;*/
	border:solid 1px #d9dce0;
	box-sizing:border-box;
	padding-top:53px;
	}

#page-top a:hover {
    text-decoration: none;
    background-color: #e2eafc;
	}

@media screen and (max-width: 640px) {
	#page-top {
		display:none;
	}
	
	/*
	#page-top {
		bottom: 0px;
		height:40px;
		}
	
	#page-top p{
		width:94%;
		}
	
	#page-top a {
		background: #343e48;
		width: 60%;
		height:auto;
		line-height:40px;
		border-radius: 5px 5px 0 0 / 5px 5px 0 0;
		position:static;
		margin:0 auto;
		}
	*/
	
}


/* ================================================================================ */
/*  3.switchBtn                                                                     */  
/* ================================================================================ */

.switchBtn{
	display:none;
	
}


/* ================================================================================ */
/*  4.READER DOWNLOAD                                                               */  
/* ================================================================================ */

.reader--download dt{
	float:left;
	width:110px;
}

.reader--download dd{
	float:left;
	width:600px;
	font-size:1.2rem;
}

@media screen and (max-width: 640px) {
	.reader--download{
		display:none;
		}
}



/* ================================================================================ */
/*  5.ANCHOR                                                                        */  
/* ================================================================================ */

.anc{
	margin-top:-150px; /* header height + 10px*/
	padding-top:150px;
	}


/* ================================================================================ */
/*  6.POPUP縲€                                                                       */  
/* ================================================================================ */
/* -------------------------------------------------------------------------------- */
/*  6-1._BLANK POPUP (accessmap print etc)                                          */  
/* -------------------------------------------------------------------------------- */

.popContainer{
	margin:30px auto 80px auto;
	}

@media screen and (max-width: 640px) {
	.popContainer{
		width:94%;
		margin-left:auto !important;
		margin-right:auto !important;
		}
	}


/* -------------------------------------------------------------------------------- */
/*  6-2.POPUP                                                                       */  
/* -------------------------------------------------------------------------------- */

/* common ***************************************************************************/

.pop--header{
	width:100%;
	padding:25px 0 10px 0;
	margin-bottom:15px;
	}

.pop--header--inner{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	}

.pop--main{
	margin-left:auto;
	margin-right:auto;
	}

.ttl--pop--white{
	font-size:2rem;
	background:url(/common/img/icon_h2_pop.png) no-repeat;
	padding-left:40px;
	}

.pop--copyright{
	text-align:right;
	}

.pop--copyright.white{
	color:#fff;
	}


/* BG--BLACK ver ******************************************************************/

.pop--header--inner .btn--close--white{
	position:absolute;
	top:0;
	right:0;
	}

.pop--header--inner .btn--close--white a{
	border:solid 1px #969696;
	text-decoration:none;
	color:#fff;
	padding:5px 15px;
	}

.ttl--pop--white{
	color:#fff;	
	}



/* ================================================================================ */
/*  6.SP                                                                            */  
/* ================================================================================ */

.sp--only{
	display:block !important;
	}

.sp--only--inline{
	display:inline !important;
	}

.pc--only{
	display:none;
	}

@media screen and (min-width: 641px) {
	/*  attention!  min-width  */
	
	.sp--only , .sp--only--inline{
		display:none !important;
		}
	
	.pc--only{
		display:block;
		}
}


/* ================================================================================ */
/*  6.PRINT                                                                         */  
/* ================================================================================ */

@media print{
	.nonPrint{
		display:none;
		}
}

/* ================================================================================ */
/*  7.CLEAR                                                                         */  
/* ================================================================================ */

.main-inner::after , .header div ul::after , .gnav::after , .gnav--sub div.gnav--sub2 > div::after , .footerInner div::after , .topicsPass::after,
.reader--download::after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}


/* ================================================================================ */
/*  8.IMG                                                                           */  
/* ================================================================================ */

h1 a , .gnav--menu , .gnav--sub .gnav--subttl {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}

@media screen and (max-width: 640px) {
	.gnav--menu{
		text-indent: 0;
		white-space: normal;
		overflow:visible;
	}
}


/* ================================================================================ */
/*  9.PRINT                                                                         */  
/* ================================================================================ */

@media print{
	header , footer , .topicsPath{
		display:none;
	}
	
	main{
		padding-top:0;	
	}
}