/*================================================
Font-size Adjustment default15px
 67%＝10px  |  107%＝16px  |  147%＝22px  |  187%＝28px  |
 73%＝11px  |  113%＝17px  |  153%＝23px  |  193%＝29px  |
 80%＝12px  |  120%＝18px  |  160%＝24px  |  200%＝30px  |
 87%＝13px  |  127%＝19px  |  167%＝25px  |
 93%＝14px  |  133%＝20px  |  173%＝26px  |
100%＝15px  |  140%＝21px  |  180%＝27px  |
=================================================*/


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

Common

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

/* Display
-------------------------------------------------------------------------------------------------*/
.for_pc {
	display:block;
}
.for_smp {
	display:none;
}
.for_smp_inline {
	display:none;
}
@media screen and (max-width : 640px){
.for_pc {
	display:none;
}
.for_smp {
	display:block;
}
.for_smp_inline {
	display:inline;
}
}

/* Parts
-------------------------------------------------------------------------------------------------*/
.skip {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	margin: 0;
	overflow: hidden;
	text-decoration: none;
	line-height: 1.1;
	font-size: 0.1%;
	cursor: default;
	background: none;
}

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

Header

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

header {
	background:#FFF;
}


/* SubMenu
--------------------------------------------------------------------------------------------------*/
header #HeadSubMenu {
	font-size:80%;
	background:#014099;
}
	header #HeadSubMenu ul {
		width:960px;
		margin:0 auto;
	}
	header #HeadSubMenu ul li {
		float:right;
		margin:0 0 0 2em;
	}
		header #HeadSubMenu ul li a {
			color:#FFF;
			background:url(../images/arrow_right.png) no-repeat left 0.35em;
			padding:0 0 0 10px;
		}
		header #HeadSubMenu ul li a:hover {
			color:#678cc2;
			background:url(../images/arrow_right.png) no-repeat 1px 0.35em;
		}

@media screen and (max-width: 959px) {
header #HeadSubMenu {
	font-size:78%;
}
	header #HeadSubMenu ul {
		width:98%;
		margin:0 auto;
	}
}


/* EntryMenu
--------------------------------------------------------------------------------------------------*/
header #HeadEntryMenu {
	width:960px;
	margin:0 auto;
}
	header #HeadEntryMenu p {
		float:left;
		margin:15px 0 0 0;
	}
	header #HeadEntryMenu ul {
		float:right;
	}
		header #HeadEntryMenu ul li {
			float:left;
			border-left:1px solid #FFF;
		}
		header #HeadEntryMenu ul li a {
			display:block;
			background:#64aabe;
			color:#FFF;
			text-align:center;
			width:136px;
			height:66px;
			line-height:66px;
			font-weight:bold;
		}
		header #HeadEntryMenu ul li a:hover {
			background:#92c3d1;
		}

@media screen and (max-width: 959px) {
header #HeadEntryMenu {
	width:100%;
	margin:0;
	padding: 0 0 0 1.5%;
	box-sizing:border-box;
}
}
@media screen and (max-width: 740px) {
header #HeadEntryMenu {
	padding: 0;
}
	header #HeadEntryMenu p {
		float:none;
		margin:15px;
	}
	header #HeadEntryMenu p img {
		max-width:100%;
	}
	header #HeadEntryMenu ul {
		float:none;
		width:100%;
	}
		header #HeadEntryMenu ul li {
			float:left;
			border-left:1px solid #FFF;
			width:calc(calc(100% - 1px) / 2);
			box-sizing:border-box;
		}
		header #HeadEntryMenu ul li:first-child {
			border:none;
		}
		header #HeadEntryMenu ul li a {
			width:100%;
			height:3em;
			line-height:3em;
		}
}

/* GlobalMenu
--------------------------------------------------------------------------------------------------*/
header #HeadGlobalMenu {
	background:#f5f5f5;
}
	header #HeadGlobalMenu ul {
		width:960px;
		margin:0 auto;
		border-right:1px solid #bfc0c0;
	}
		header #HeadGlobalMenu ul li {
			float:left;
			width:calc(100% / 6);
			text-align:center;
			border-left:1px solid #bfc0c0;
			box-sizing: border-box;
		}
		header #HeadGlobalMenu ul li a {
			display:block;
			font-weight:bold;
			height:54px;
			line-height:54px;
			outline:none;
		}
		header #HeadGlobalMenu ul li a:hover {
			background:#ccd9eb;
		}
		header #HeadGlobalMenu ul li a.on {
			background:#014099;
			color:#FFF;
		}

@media screen and (max-width: 959px) {
	header #HeadGlobalMenu ul {
		max-width:100%;
		margin:0 auto;
		box-sizing: border-box;
	}
	header #HeadGlobalMenu ul li {
		font-size: 90%;
	}
}
@media screen and (max-width: 740px) {
	header #HeadGlobalMenu ul {
		max-width:100%;
		margin:0 auto;
		box-sizing: border-box;
	}
	header #HeadGlobalMenu ul li {
		width: calc(100% / 3);
		border-top: 1px solid #bfc0c0;
	}
	header #HeadGlobalMenu ul li a {
		height: 40px;
		line-height: 40px;
	}
}

/* topicPath
--------------------------------------------------------------------------------------------------*/
#topicPath {
	background:#014099;
	line-height:35px;
	height:35px;
}
	#topicPath ul {
		width:960px;
		margin:0 auto;
		font-size:80%;
		padding:5px 0;
	}
		#topicPath ul li {
			float:left;
			margin:0 5em 0 0;
		}
		#topicPath ul li a {
			color:#FFF;
			background:url(../images/arrow_down.png) no-repeat left 0.5em;
			padding-left:12px;
		}
		#topicPath ul li a:hover {
			color:#678cc2;
			background:url(../images/arrow_down.png) no-repeat left 0.55em;
		}

@media screen and (max-width: 959px) {
	#topicPath {
		height: auto;
		line-height: 1.4;
	}
	#topicPath ul {
		width:100%;
		text-align: center;
	}
	#topicPath ul li {
		float:none;
		display: inline-block;
		margin: 0 2em 0 0;
	}
}

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

Contents

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

h1 {
	text-align:center;
	color:#014099;
	font-size:200%;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:50px auto;
}
	h1 span {
		display:block;
		font-size:40%;
		line-height:1;
		letter-spacing:0;
	}

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

Footer

**************************************************************************************************/
#gotop {
	position: fixed;
	z-index:10000;
	bottom: 110px;
	right:10px;
	width: 70px;
	height:10px;
}
#FooterNavi {
	background:#014099;
	padding:60px 0;
	font-size:133%;
	font-weight:bold;
}
#FooterNavi ul {
	width:960px;
	margin:0 auto;
}
#FooterNavi li {
	float:left;
}

#FooterNavi li a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #fff;
	color: #014099;
	border-radius:10px;
}
#FooterNavi li a:hover {
	background-color: #59b1eb;
	color:#FFF;
}

/* 2カラム */
#FooterNavi ul.col2 li:first-child {
	margin-right:20px;
}
#FooterNavi ul.col2 li a {
	width:470px;
	height:100px;
	line-height:100px;
}
#FooterNavi ul.col2 li a:hover {
	border-radius:50px;
}

/* 3カラム */
#FooterNavi ul.col3 li {
	margin:20px 0 0 15px;
}
#FooterNavi ul.col3 li:first-child {
	margin-left:0;
}
#FooterNavi ul.col3 li a {
	width:310px;
	height:60px;
	line-height:60px;
}
#FooterNavi ul.col3 li a:hover {
	border-radius:30px;
}

#Footer {
	clear:both;
	margin			: 0;
	padding			: 5px 0 5px 0;
}
	#Footer .Page {
		background:#f7f7f7;
		margin: 0 auto;
		color:#666666;
		padding:10px 0;
	}
		#Footer .Inner {
			width:960px;
			margin:0 auto;
			padding:10px 0;
			line-height:1;
		}
			#Footer .Page .Inner {
				background:url(../../../common/images/footer_line.gif) repeat-y;
				padding:4px 0;
			}
				
			#Footer .Page div.Area01 {
				float:left;
				width:308px;
				padding:0 16px;
				font-size:10px;
			}
			#Footer .Page div.Area02 {
				float:left;
				width:90px;
				padding:10px 14px;
			}
			#Footer .Page div.Area03 {
				float:left;
				width:240px;
				padding:0 10px;
			}
			#Footer .Page div.Area04 {
				float:left;
				width:84px;
				padding:20px 18px 0 18px;
			}
				#Footer .Page div.Area01 img {
					margin:0 0 10px 0;
				}
				#Footer .Page div.Area02 img {
					float:left;
					margin:0 10px 0 0;
				}
			#Footer .Page div.Area05 {
				float:right;
				width:100px;
				padding:0 10px;
				text-align:center;
			}
				#Footer .Page div.Area05 img {
					margin:10px 0 10px 0;
				}
				#Footer .Page p{
					font-size:10px;
				}
				#Footer .Page div.Area01 p,
				#Footer .Page div.Area01 ul.Navi li {
					_font-size:8px;
					_line-height:16px;
				}
				#Footer .Page div.Area03 p {
					font-size:8px !important;
					margin:10px 0 0 0;
					text-align:center;
				}
				#Footer .Page div.Area04 p {
					margin:10px 0 0 0;
				}
					#Footer .Page div.Area01 li {
						float:left;
						font-size:10px;
						margin:10px 8px 0 0;
					}
						#Footer .Page div.Area01 li.End {
							margin:10px 0 0 0;
						}
				#Footer .Page div.Area02 .Link {
					margin:10px 0 0 0;
					font-size:12px;
					font-weight:bold;
				}

		#Footer .Page li a,
		#Footer .Page div.Area02 .Link a {
			color:#0a8acc;
			background:url(../../../common/images/arrow_blue.gif) no-repeat 0 4px;
			padding:0 0 0 8px;
		}
		#Footer .Page a:hover,
		#Footer .Page div.Area02 .Link a:hover {
			color:#999999;
			text-decoration:none;
		}
	#Footer .Copyright{
		clear:both;
		background:#204b89;
		color:#FFFFFF;
	}
		#Footer .Copyright img {
			float		: left;
			width		: 250px;
			margin	: 3px 0 0 0;
		}
		#Footer .Copyright ul {
			float		: right;
			width		: 610px;
	}
			#Footer .Copyright ul li {
				float			: left;
				font-size	: 10px;
				_font-size:8px;
				_line-height:16px;
			}
			#Footer .Copyright a {
				margin			: 0 0 0 10px;
				padding			: 0 0 0 8px;
				background	: url(../../../common/images/footer_arrow.gif) no-repeat 0 4px;
				color				: #FFFFFF;
				text-decoration	: none;
			}
			#Footer .Copyright a:hover {
				text-decoration	: underline;
				color				: #E2E2E2;
			}

@media screen and (max-width: 959px) {
#FooterNavi {
	padding: 4% 2%;
	box-sizing:border-box;
}
#FooterNavi ul,
#FooterNavi ul.col2 li a,
#FooterNavi ul.col3 li a {
	width:100%;
}
#FooterNavi ul.col2 li {
	width:49%;
}
#FooterNavi ul.col2 li:first-child {
	margin:0;
}
#FooterNavi ul.col2 li:last-child,
#FooterNavi ul.col3 li:last-child {
	float:right;
	margin:0;
}
#FooterNavi ul.col3 {
	margin:2% 0 0 0;
}
#FooterNavi ul.col3 li {
	margin:0 1.8% 0 0;
	width:32%;
}
}

/*----------------------------------------*/