/* ******************************************************************
 *	File name		: base.css
 *	Summary			: css base
 * ******************************************************************
 */
/*

blue  #172A73 rgba(23,42,115,1.0);

*/
/* -----------------------------------------------------------------
   base
----------------------------------------------------------------- */
body{
	position:relative;
	width:100%;
	height:100%;
	color:#222;
	background:#1F3692;
	}
	#wrapper{
		position:relative;
		width:100%;
		text-align:center;
		overflow:hidden;
		background:url(../../image/base/bg.png) repeat-x 0 0 #FFF;
}

/* --- responsive --- */
@media(max-width:767px){
	#wrapper{
		padding-top:65px;
	}
}

/* -----------------------------------------------------------------
   header
----------------------------------------------------------------- */

header{
	position:relative;
	top:0px;
	width:100%;
	height:129px;/*129+61=190px*/
	margin-bottom:61px;
	background:url(../../image/base/head_bg.png) no-repeat center 0 #172A73;
	z-index:100;
	}
	header #head_contents{
		position:relative;
		width:1000px;
		max-width:100%;
		height:129px;
		margin:0 auto;
		padding:0 20px;
		z-index:10;
	}
	header h1{
		position:absolute;
		top:6px;
		left:13px;
		width:620px;
		height:106px;
		z-index:10;
	}
	header h1 a{
		display:block;
		width:100%;
		height:100%;
	}
	header h1 img{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:auto;
}
header nav{
	position:absolute;
	top:129px;
	left:0px;
	width:100%;
	height:60px;
	padding:0 20px;
	width:100%;
	color:#FFF;
}
header nav ul{
	position:relative;
	width:100%;
	list-style:none;
	}
	header nav ul:after{
		content:" ";
		display:block;
		clear:both;
	}
	header nav ul li{
		position:absolute;
		height:60px;
	}
	header nav ul li:nth-child(1){width:21%;left:0%;}
	header nav ul li:nth-child(2){width:27%;left:21%;}
	header nav ul li:nth-child(3){width:20%;left:48%;}
	header nav ul li:nth-child(4){width:16%;left:68%;}
	header nav ul li:nth-child(5){width:16%;left:84%;}

	header nav ul li a{
		position:relative;
		color:#FFF;
		text-decoration:none;
	}
	header nav ul li:nth-child(1) a,
	header nav ul li:nth-child(2) a,
	header nav ul li:nth-child(3) a,
	header nav ul li:nth-child(4) a,
	header nav ul li:nth-child(5) a{
		display:block;
		position:relative;
		width:100%;
		height:61px;
		padding:15px 5px 0;
		font-size:0.95rem;
		text-align:center;
		line-height:1.3;
	}

	header nav ul li a:hover{
		color:#FFF;
		text-decoration:none;
	}
	header nav > ul > li:nth-child(1) a:hover,
	header nav > ul > li:nth-child(2) a:hover,
	header nav > ul > li:nth-child(3) a:hover,
	header nav > ul > li:nth-child(4) a:hover,
	header nav > ul > li:nth-child(5) a:hover{
		text-decoration:none;
		background:rgba(255,255,255,0.2);
	}
	header nav > ul > li:nth-child(1) a:before,
	header nav > ul > li:nth-child(1) a:after,
	header nav > ul > li:nth-child(2) a:after,
	header nav > ul > li:nth-child(3) a:after,
	header nav > ul > li:nth-child(4) a:after,
	header nav > ul > li:nth-child(5) a:after{
		content:" ";
		display:block;
		position:absolute;
		top:10px;
		right:0px;
		width:1px;
		height:40px;
		background:rgba(255,255,255,0.5);
	}
	header nav > ul > li:nth-child(1) a:before{
		left:0px;
		right:auto;
	}

	header nav ul li a span{
		display:block;
		font-weight:bold;
		font-size:0.7rem;
		line-height:0.8;
		color:#606D8B;
	}
	header nav ul li a span span{
		display:inline-block;
		font-weight:bold;
		font-size:1.0rem;
		color:#5E4570;
}

/* access sitemap */
header nav ul li#nav_access{
	top:-116px;
	right:193px;
	width:87px;
	height:30px;
	border-bottom:1px solid #FFF;
	text-align:left;
}
header nav ul li#nav_sitemap{
	top:-116px;
	right:79px;
	width:114px;
	height:30px;
	border-bottom:1px solid #FFF;
	text-align:left;
	}
	header nav ul li#nav_access:before,
	header nav ul li#nav_sitemap:before{
		content:" ";
		position:absolute;
		top:7px;
		left:0px;
		width:11px;
		height:11px;
		background:rgba(255,255,255,1);
	}
	header nav ul li#nav_access a,
	header nav ul li#nav_sitemap a{
		padding:5px 10px 5px 20px;
		text-align:left;
		font-size:0.8rem;
	}
	header nav ul li#nav_access a:hover,
	header nav ul li#nav_sitemap a:hover{
		background:rgba(255,255,255,0.2);
}

/* member */
header nav ul li#nav_member{
	position:absolute;
	top:-75px;
	right:0px;
	width:280px;
	height:50px;
	background:rgba(255,255,255,0.2);
	}
	header nav ul li#nav_member a{
		position:absolute;
		top:8px;
		left:0px;
		width:82px;
		height:35px;
		padding-top:7px;
		font-size:0.8rem;
		border-right:1px solid #FFF;
	}
	header nav ul li#nav_member ul{
		position:absolute;
		top:0px;
		left:90px;
		width:190px;
		margin-top:8px;
	}
	header nav ul li#nav_member ul li{
		position:relative;
		left:0px;
		width:100%;
		height:auto;
		margin-bottom:4px;
		text-align:left;
		line-height:1.5;
	}
	header nav ul li#nav_member ul li a{
		position:relative;
		top:0px;
		left:0px;
		width:100%;
		height:auto;
		padding-top:0px !important;
		border-right:none;
		text-align:left;
		line-height:1.2;
		}
		header nav ul li#nav_member ul li a:hover{
			text-decoration:underline;
			background:none;
	}
	header nav ul li#nav_member ul li a:before{
		content:" ";
		display:inline-block;
		position:relative;
		top:1px;
		left:0px;
		width:12px;
		height:12px;
		margin-right:5px;
		background:rgba(255,255,255,1);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
}

/* language */
header nav ul li#nav_language{
	position:absolute;
	top:-116px;
	right:0px;
	width:62px;
	height:31px;
	background:url(../../image/base/language.png) no-repeat 0 0;
}
header nav ul li#nav_language a{
	display:block;
	width:62px;
	height:31px;
	text-indent:-9999px;
}


/* --- responsive --- */
@media(max-width:960px){
	header h1{
		top:20px;
		width:525px;
		height:90px;
	}
}
@media(max-width:900px){
	header nav ul li:nth-child(1) a,
	header nav ul li:nth-child(2) a,
	header nav ul li:nth-child(3) a,
	header nav ul li:nth-child(4) a,
	header nav ul li:nth-child(5) a{
		padding:17px 5px 0;
		font-size:0.8rem;
	}
}
@media(max-width:860px){
	header h1{
		top:26px;
		width:450px;
		height:77px;
	}
}
@media(max-width:767px){
	header{
		display:none;
	}
}

/* -----------------------------------------------------------------
   main
----------------------------------------------------------------- */

main{
	position:relative;
	width:100%;
	min-height:300px;
	margin:0 auto;
	z-index:10;
}
main:after{
    content:" ";
    display:block;
    clear:both;
}

/* -----------------------------------------------------------------
   pageback
----------------------------------------------------------------- */

#pageback{
	position:fixed;
	right:20px;
	bottom:25px;
	width:50px;
	height:50px;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	background:#FFFFFF;
	border:5px solid rgba(124,168,217,1);
	opacity:0.5;
	z-index:101;
	}
	#pageback:hover{
		opacity:1;
	}
	#pageback:before{
		content:" ";
		position:absolute;
		top:5px;
		left:6px;
		width: 0;
		height: 0;
		margin-top: -15px;
		border:15px solid transparent;
		border-bottom:15px solid rgba(124,168,217,1);
	}
	#pageback:after{
		content:" ";
		position:absolute;
		top:20px;
		left:15px;
		width:13px;
		height:15px;
		background:rgba(124,168,217,1);
		z-index:0;
	}
	#pageback a{
		display:block;
		position:absolute;
		left:-5px;
		top:-5px;
		width:50px;
		height:50px;
		padding:0px;
		text-indent:-9999px;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		z-index:1;
		text-decoration:none;
}

/* -----------------------------------------------------------------
   banner_contents
----------------------------------------------------------------- */

#banner_contents{
	position:relative;
	width:100%;
	padding:15px 20px 5px;
	background:#000028;
}
#banner_contents ul{
	position:relative;
	text-align:center;
	list-style:none;
	}
	#banner_contents ul li{
		display:inline-block;
		position:relative;
		margin:0 20px 10px;
		background:#FFF;
	}
	#banner_contents ul li:hover img{
		opacity:0.8;
}

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

footer{
	clear:both;
	position:relative;
	width:100%;
	min-height:100px;
	text-align:center;
	background:linear-gradient(-180deg, #172A73, #172A73, #1F3692);
	color:#FFF;
	z-index:20;
}
footer #copyright{
	padding-top:15px;
	text-align:center;
	font-weight:normal;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size:0.75em;
}

/* --- responsive --- */

@media(max-width:980px){
}